Portfolio using Next JS

Table of contents

• General info
• Technologies
• Setup
• API Endpoints

General info

A personal portfolio website showcasing my skills and projects. Built using Next.js for server-side rendering and optimized performance.

• Responsive Design: Adapts seamlessly to different screen sizes.
• Framer Motion Animations: Smooth and engaging user experience.
• Contact Form: Powered by React Hook Form and Zod for validation, with data stored in MongoDB using Mongoose.
• Project Slider: Interactive navigation through my projects.
• Stylish UI: Designed with Shadcn UI and Tailwind CSS.

Technologies

• Next JS
• Framer Motion
• React Hook Form, Zod
• MongoDB, Mongoose
• Shadcn UI, Tailwind CSS

Setup

1. Set up environment variables:
   • Create a .env file in the root directory.
   • Add the following variables to the .env file, replacing the placeholder values with your actual credentials:

     NEXT_URL_MONGO_DB="your_mongo_uri"
     

2. Install dependencies and run server:

 npm install
npm run dev

API Endpoints

Endpoint	Description	Method	Request Body	Response Format (Example)
/api	post message	POST	{ firstName:string, lastName?:string, phone?: string, email: string , service?:'frontend' or 'backend' or 'fullstack', message: string}	{message: string}