Fernanda Oliveira

Front End Developer

Hey, I’m Fernanda, a Front-End developer with 3 years of professional experience. I’m currently focused on building (and occasionally designing) modern, accessible, and fast websites.

About

I'm a front-end developer who turns Figma designs into real, mordern websites.

For the past three years, I’ve been building custom WordPress themes with PHP, MySQL, and API integrations.

I also occasionally design smaller websites, ensuring both aesthetics and usability. Lately, I’ve been diving deep into Node.js, React, Next.js, and Tailwind CSS to craft fast, scalable web applications.

When I’m not coding, you’ll probably find me gaming with my brother or making some coffee.

Want to know more about my journey?

About me

Daily work

  • PHP
  • Wordpress
  • ACF
  • Javascript
  • HTML
  • CSS
  • Figma
  • Bootstrap
  • Rest API
  • MySQL
  • Git
  • Bitbucket

Diving deep

  • Node.js
  • React
  • Next.js
  • Tailwind CSS
  • Typescript
  • Headless CMS

Projects

portfolio-featured-image.png

Personal Portfolio

  • next-js·
  • typescript·
  • tailwind-css·
  • headless-cms

A fast, minimal, and content-driven developer portfolio built with Next.js, Tailwind CSS, and Cockpit CMS.

Key features:

  • ⚡ Static generation with next export for optimal performance

  • 🎨 Utility-first design using Tailwind CSS for consistency and responsiveness

  • 🧠 Headless CMS integration with Cockpit to manage blog posts and project content

  • 🔁 Automated deployment via Vercel webhooks for a smooth, hands-off publishing workflow

Pages included:

  • / — Hero section, featured projects, and latest blog posts

  • /about — Developer background, experience, and skills

  • /projects — Portfolio of personal and freelance work

  • /blog/[slug] — Technical articles and case studies

This project reflects my front-end expertise, modern development practices, and ability to build maintainable content platforms.

featured-image-ghibli-movies.webp

Ghibli Movies

  • next-js·
  • tailwind-css·
  • tmdb

A responsive movie catalog web app built with Next.js and styled using Tailwind CSS, featuring live data from the TMDB API.

Key features:

  • 🎬 Live movie data fetched from The Movie Database (TMDB) API

  • ⚛️ Built with Next.js for fast performance

  • 🎨 Styled using Tailwind CSS with a mobile-first responsive layout

  • 📁 Organized components and clean structure for scalability

  • 🔍 Movie pages include title, synopsis, poster, release date, and rating

Pages included:

  • /movies — Grid of Ghibli movies with titles, posters, and overview

  • /movies/[id] — Dynamic movie detail page with synopsis, release date, rating, and genres

This project demonstrates API integration, dynamic routing, UI responsiveness, and component-based development using modern front-end tools.

Archive

Blog

All posts

Contact

Feel free to reach out if you’d like to connect! Whether it’s about work, a project, or some feedback, my inbox is always open.

Say Hello