Welcome to the source code for my personal portfolio, a fully responsive single-page application built with Next.js and Tailwind CSS. This project showcases my skills in full-stack development, design, and animation.
🚀 Live Site: https://www.gemgeek.online/
- Fully Responsive Design: Adapts seamlessly to mobile, tablet, and desktop screens.
- Animated Background: A subtle, moving starfield effect on all pages using
react-tsparticles. - Smooth Animations: Built with
Framer Motionfor page transitions, scroll-reveal effects, and interactive UI elements. - Reusable Components: Modular components for each section (Hero, Projects, Expertise, etc.).
- Functional Contact Form: An API route built with Next.js and integrated with the Resend service to send emails directly to my inbox.
- Multi-Page App: Separate, styled pages for Projects, About, and Contact, using the Next.js App Router.
- Framework: Next.js (App Router)
- Language: TypeScript
- Styling: Tailwind CSS
- Animation: Framer Motion
- Particle Effects:
react-tsparticles - Email API: Resend
- Icons:
react-icons - Deployment: Vercel
- Clone the repository:
git clone [https://github.com/your-username/personal-website.git](https://github.com/your-username/personal-website.git)
- Navigate to the project directory:
cd personal-website - Install dependencies:
npm install
- Run the development server:
npm run dev
Open http://localhost:3000 with your browser to see the result.