Carolinne Melo

— Fullstack Developer

I enjoy creating web apps that feel clear and easy to use. Here you can explore some of my projects and learn more about my journey.

What I do

I like creating web apps that are easy to follow and pleasant to use. My background in architecture makes me think about structure, balance, and how people move through spaces, both physical and digital. When I design a layout, I also think about how to build it, choosing the right tools, keeping the code clean, and making sure the experience works well on different devices. I focus on how elements relate to each other, how contrast can guide attention, and how white space gives clarity and breathing room. These details help people understand and use a product without having to think about it. If you want to know more about my work, check out my online resume and project portfolio.

React & Next.js

Built fullstack apps with App Router, Server Components, and static generation. Used feature flags and vertical slice architecture for scalable development.

TypeScript

Write components and backend code with TypeScript, using type annotations and interfaces to catch errors early and keep code easier to maintain.

Tailwind CSS v4

I style projects with Tailwind CSS v4, using @apply and @theme for consistent layouts. I focus on keeping the design clean, responsive, and easy to adjust for different screen sizes.

Framer Motion

I’m exploring Framer Motion to create smooth animations and simple interactions in React projects. I’ve tried motion components, useMotionValue, and useTransform to add effects that react to user actions.

Node.js & Drizzle ORM

With Node.js, I have built simple REST APIs, organized the code using the repository pattern, and written basic tests with Node’s built-in test runner. I’ve also started working with Drizzle ORM to access databases in a type-safe way.

React Native (Expo)

Explored mobile development with Expo and React Native, creating small prototypes to learn about layouts, navigation, and data fetching. Experimented with Supabase for backend services.

UI/UX Design

Worked on layouts and prototypes with a focus on clear structure and easy navigation. Used balance, contrast, and spacing to make the interface more usable.

HTML & CSS

Write semantic HTML and maintainable CSS, focusing on accessibility, clean structure, and responsive design. Use clear class naming conventions like BEM to keep styles consistent and easy to manage.

CI/CD & DevTools

Set up GitHub Actions to automate builds and deployments in personal projects. Used Docker to create consistent development environments.