This is a personal portfolio website built with Next.js, React, and Tailwind CSS. It's designed to showcase my skills, professional experience, and personal projects in a clean and modern interface.
-
Responsive Design
The website is fully responsive and adapts to different screen sizes including desktop, tablet, and mobile devices. -
Project Showcase
Displays selected projects with descriptions, technology stacks, and links to GitHub repositories and live demos. -
Skills & Technology Section
Highlights the programming languages, frameworks, and tools I work with. -
Experience Timeline
Presents my professional experience and development journey in a structured timeline format. -
Contact Form Integration
Includes a functional contact form powered by Resend for sending messages directly from the website. -
Optimized Performance
Built with Next.js to take advantage of modern performance optimizations such as static generation and fast page loading. -
Modern UI Components
Uses ShadCN UI components and Tailwind CSS for a clean, consistent, and modern interface. -
Developer-Friendly Codebase
Organized folder structure and TypeScript support for maintainability and scalability.
- Framework: Next.js
- UI: React, TypeScript
- Styling: Tailwind CSS
- UI Components: ShadCN UI
- Form Handling: React Hook Form
- Email: Resend
- Icons: Lucide React
Follow these instructions to set up the project locally.
- Node.js (v18.x or higher)
- npm
-
Clone the repository.
-
Install dependencies:
npm install
-
Set up environment variables: Create a
.envfile in the root of the project and add your Resend API key. You can get a free key from resend.com.RESEND_API_KEY=YOUR_API_KEY_HERE
-
Run the development server:
npm run dev
The application will be available at
http://localhost:9002.
This project is configured for deployment on Netlify. The netlify.toml file in the root directory contains the necessary build settings. Simply connect your Git repository to Netlify for automatic deployments.
This project is licensed under the MIT License.