Personal Portfolio Website

Welcome to my personal portfolio website built with Next.js, React, Tailwind CSS, shadcn/ui, Framer Motion, and React hook form with Zod. This website showcases my career and education journey, featuring a sleek design and interactive components.

Technologies Used

• Next.js
• React
• Tailwind CSS
• shadcn/ui
• Framer Motion
• react-hook-form with zod
• react-vertical-timeline-component:
• Nodemailer

Features

• Responsive Design: The website is designed to be fully responsive, ensuring a seamless experience across various devices.
• Interactive Animations: Framer Motion is used to add interactive animations, providing a dynamic and engaging user experience.
• Timeline Display: The career and education sections are presented using the react-vertical-timeline-component, allowing for a chronological display of milestones.
• Contact Form: The contact form, powered by react-hook-form and zod, enables users to reach out, and messages are sent using Nodemailer and SendGrid.

Getting Started

To run this project locally, follow these steps:

1. Clone the repository.
2. Install dependencies.
3. Configure Nodemailer and SendGrid:
   • Set up your Nodemailer and SendGrid accounts.
   • Update the email credentials in the code to enable sending emails.
4. Run the development server.

Acknowledgements

The idea of the design for this website was inspired by Frontend Mentor.

Thank you for exploring my portfolio! I hope you enjoy the journey through my career and educational experiences. If you have any questions or feedback, feel free to get in touch.