Portfolio

This project is a personal portfolio website built with React and Vite. It showcases my skills, projects, and provides a way to contact me.

Table of Contents

• Introduction
• Features
• Technologies Used
• Installation
• Usage
• Project Structure

Introduction

This portfolio website is a personal project that showcases my skills, projects, and provides a way to contact me. It includes sections for an introduction, skills, projects, and contact information.

Features

• Responsive design
• Scroll-aware navbar

Technologies Used

• React
• Vite
• ESLint
• Tailwind CSS
• Framer Motion

Installation

To get started with this project, clone the repository and install the dependencies:

git clone https://github.com/annabel-anh/portfolio.git
cd portfolio
npm install

Usage

To run the project locally, use the following command:

npm run dev

This will start the development server and you can view the project at http://localhost:3000.

Project Structure

src/
├── components/
│   ├── BackgroundGradients.jsx
│   ├── Card.jsx
│   ├── Header.jsx
│   ├── MobileMenu.jsx
│   ├── NavLinks.jsx
│   ├── SkillItem.jsx
│   ├── SocialIconLink.jsx
│   └── sections/
│       ├── About.jsx
│       ├── Contact.jsx
│       ├── Hero.jsx
│       ├── Projects.jsx
│       └── Skills.jsx
├── App.css
├── App.jsx
├── index.css
└── main.jsx