June 1, 2024

Fanny Web Profile.

Frontend
Next.js React Tailwind CSS

A personal portfolio website built to showcase projects, technical skills, and development experience using modern web technologies.

#portfolio #landingpage #personalwebsite
Fanny Web Profile
Repository

Description

Fanny Web Profile is a personal portfolio website that showcases projects, technical skills, and professional experience as a web developer. It presents development work in a clean, organized layout with a modern, responsive feel.

The site doubles as a professional profile and a central hub for personal projects, repositories, and technical expertise.

Background

I needed a single place to present my work to potential clients and employers, rather than scattering links across platforms. Building my own portfolio was also a chance to refine my Next.js and Tailwind skills on a project that represents me directly.

Goal

  • Present projects, skills, and experience in one clean hub.
  • Deliver a fast, responsive, SEO-friendly experience.
  • Reinforce a component-based, maintainable frontend structure.

Features

  • Modern, responsive portfolio design
  • Project showcase and technical skills sections
  • Responsive navigation with smooth page transitions
  • Reusable React components styled with Tailwind CSS
  • SEO-friendly structure
  • GitHub repository integration
  • Contact and profile section

Technologies

  • Next.js — page rendering, routing, and SEO-friendly structure.
  • React — reusable component architecture and interactivity.
  • Tailwind CSS — utility-first styling and responsive layout.

How to Run

git clone https://github.com/FannyDevz/FannyDev-Portofolio
cd FannyDev-Portofolio
npm install
npm run dev
# open http://localhost:3000

Technical Decisions

  • Next.js for its rendering options and built-in SEO advantages on a public-facing site.
  • Component-driven sections so projects and skills are easy to update over time.
  • Tailwind CSS to keep styling consistent and iteration fast.

What I Learned

  • Structuring a maintainable Next.js portfolio.
  • Applying SEO and performance best practices.
  • Designing reusable, content-driven UI sections.

Notes

This was the v1 version of the portfolio . It was previously hosted at v1.fanny.dev, which is no longer active; the source remains available on GitHub.

Hey! I’m Fanny, the software engineer tending to this digital garden. You can read more about me, or subscribe by email.

Comments