hi, i'm chadly,

picture of me
fullstack developer.

Building bridges between creativity and technology.
Let’s build something amazing together!

ProjectsSee them all
Jun 18, 2024How I Built My Portfolio Site

Creating a personal portfolio site has been a goal of mine for a while. I wanted a space that felt minimal, personal, and allowed for storytelling. Here's how I brought my vision to life, the tools I used, the challenges I faced, and what I learned along the way.

Read moreGo to journal post page
How I Built My Portfolio Site
  • DrizzleORM

    Database ORM

    DrizzleORM

    An effective Object-Relational Mapping library to manage data in database systems. It simplifies database operations, speeding up the development process and ensuring data consistency.

  • Figma

    Design Tool

    Figma

    A cutting-edge, web-based design tool, is revolutionizing the design process with its versatility and collaborative features.

  • Next.js

    React Framework

    Next.js

    A powerful React framework designed for production. Offering hybrid static & server rendering, TypeScript support and automatic route optimization.

  • PP Foundry

    Type Foundry

    PP

    A remarkable digital type foundry that provides unique, high-quality typography to ensure a compelling and visually pleasing reading experience.

  • Radix Colors

    Color System

    Radix Colors

    An exceptional color system by Radix, consistently used for creating visually appealing and user-friendly interfaces.

  • Radix Icons

    Icon Library

    Radix Icons

    A comprehensive collection of open-source icons, exquisitely designed for improving user interfaces and enhancing visual communication.

  • Radix UI

    Headless UI Library

    Radix UI

    Radix UI provides a set of low-level, accessible and unstyled primitives to build comprehensive designed components with ease.

  • Raycast

    Productivity Tool

    Raycast

    A powerful productivity tool that streamlines common tasks into quick actions. Its efficiency in navigation and executing tasks makes it a standout tool in enhancing the development workflow.

  • Tailwind CSS

    CSS Framework

    Tailwind CSS

    A utility-first CSS framework for rapidly building custom user interfaces. It provides low-level utility classes that let you build entirely custom designs without leaving your HTML.

  • TypeScript

    Programming Language

    TypeScript

    A powerful, statically typed superset of JavaScript for writing robust and maintainable code, ensuring enhanced performance and scalability.

  • Vercel

    Deployment Platform

    Vercel

    Seamless application deployment and scalability. Leveraging Vercel Postgres for data management, it simplifies development workflow and enhances performance.

  • WebStorm

    IDE

    WebStorm

    WebStorm is a smart JavaScript IDE by JetBrains offering powerful built-in tools for debugging, testing and tracing code efficiently.

  • DrizzleORM

    Database ORM

    DrizzleORM

    An effective Object-Relational Mapping library to manage data in database systems. It simplifies database operations, speeding up the development process and ensuring data consistency.

  • Figma

    Design Tool

    Figma

    A cutting-edge, web-based design tool, is revolutionizing the design process with its versatility and collaborative features.

  • Next.js

    React Framework

    Next.js

    A powerful React framework designed for production. Offering hybrid static & server rendering, TypeScript support and automatic route optimization.

  • PP Foundry

    Type Foundry

    PP

    A remarkable digital type foundry that provides unique, high-quality typography to ensure a compelling and visually pleasing reading experience.

  • Radix Colors

    Color System

    Radix Colors

    An exceptional color system by Radix, consistently used for creating visually appealing and user-friendly interfaces.

  • Radix Icons

    Icon Library

    Radix Icons

    A comprehensive collection of open-source icons, exquisitely designed for improving user interfaces and enhancing visual communication.

  • Radix UI

    Headless UI Library

    Radix UI

    Radix UI provides a set of low-level, accessible and unstyled primitives to build comprehensive designed components with ease.

  • Raycast

    Productivity Tool

    Raycast

    A powerful productivity tool that streamlines common tasks into quick actions. Its efficiency in navigation and executing tasks makes it a standout tool in enhancing the development workflow.

  • Tailwind CSS

    CSS Framework

    Tailwind CSS

    A utility-first CSS framework for rapidly building custom user interfaces. It provides low-level utility classes that let you build entirely custom designs without leaving your HTML.

  • TypeScript

    Programming Language

    TypeScript

    A powerful, statically typed superset of JavaScript for writing robust and maintainable code, ensuring enhanced performance and scalability.

  • Vercel

    Deployment Platform

    Vercel

    Seamless application deployment and scalability. Leveraging Vercel Postgres for data management, it simplifies development workflow and enhances performance.

  • WebStorm

    IDE

    WebStorm

    WebStorm is a smart JavaScript IDE by JetBrains offering powerful built-in tools for debugging, testing and tracing code efficiently.