This is a personal portfolio website built with Next.js and Tailwind CSS, designed to showcase my skills, projects, and experience as a software developer. It features a clean, responsive design with interactive sections.
- Responsive Design: Works on all screen sizes 📱💻
- Dark Mode Toggle: User preference-based dark mode 🌙
- Animated Sections: Smooth animations for better user experience 🎨
- Contact Form: Integrated email service for inquiries 📧
- Skills Section: Highlights technical expertise 💻
- Experience Section: Timeline-style career overview 🗓️
- Projects Section: Showcases key development projects 🚧
- Fluid Cursor Background: Interactive background that follows cursor movement 🖱️💫
- Next.js - React framework for production ⚛️
- React - Library for building UI 🔧
- TypeScript - Type-safe JavaScript 📝
- Tailwind CSS - Utility-first CSS framework 🎨
- React-Vertical-Timeline-Component - Timeline visualization for the experience section 🗂️
- React-Intersection-Observer - Intersection observer for triggering animations 👁️
- React-Icons - Icons for the UI 🎨
- Motion - Animation library for smooth transitions 🌀
- Version Control: Git & GitHub 🧰
- Package Manager: npm 📦
- Code Editor: VSCode 🖥️
- Deployment: Vercel (or any preferred platform) 🌐
-
Clone the Repository:
git clone https://github.com/yourusername/portfolio-website.git cd portfolio-website -
Install Dependencies:
npm install
-
Configure Environment Variables: Create a
.env.localfile in the root directory and add the following:RESEND_API_KEY=your_resend_api_key
-
Run the Development Server:
npm run dev
-
Access the Website: Open http://localhost:3000 in your web browser. 🌐
-
Build the Project:
npm run build
-
Start the Production Server:
npm start
-
Deploy to Vercel: Use the Vercel CLI or directly deploy from the GitHub repository.
Contributions are welcome! If you have suggestions or improvements, feel free to open a pull request.
This project is licensed under the MIT License. See the LICENSE file for more details.
Happy Coding! 💻🎉