Welcome to my personal portfolio repository! Here, I've documented the key features and setup instructions for this project.
- Leveraged the latest features of Next.js 13.
- Employed Next.js App Router for seamless navigation.
- Utilized Next.js Server Actions for server-side functionalities.
- Implemented both Client & Server Components for optimal performance.
- Demonstrated proficiency in TypeScript for both beginner and intermediate levels.
- Styled the UI with Tailwind CSS for rapid development.
- Managed global state with Context API.
- Enhanced user experience with advanced animations using Framer Motion.
- Integrated React.Email & Resend for email functionality.
- Crafted custom React hooks for efficient code reuse.
- Designed a modern UI with fresh aesthetics.
- Implemented both Light & Dark mode for user preference.
- Ensured responsiveness for a seamless experience across devices.
Ensure you have Node.js and npm installed on your machine.
- Add
RESEND_API_KEYenvironment variable in.env.local. - Modify the "to" email in the
send-email.tsaction file.
To run this project locally:
# Clone the repository
git clone <repository_url>
# Navigate to the project directory
cd <project_directory>
# Install the dependencies
npm install
# Add your RESEND_API_KEY in the .env.local file
# Modify the "to" email in the send-email.ts action file
# Start the development server
npm run dev
Open your browser and visit http://localhost:3000 to view the project.
Deployment
The portfolio is deployed and can be accessed at Personal Portfolio.
Author
Dhruv Agrawat - Personal Portfolio
Contact
If you have any questions or suggestions, feel free to contact me at [email protected].
Please ensure to replace `<repository_url>`, `<project_directory>`, and `RESEND_API_KEY` with your actual repository details and environment variables. This format includes detailed sections on project features, setup instructions, usage guidelines, deployment link, author information, and contact details.