Portfolio Website

Description

This is my personal portfolio website built to showcase my skills, projects, and a little bit about myself. The website is created using React, Chakra UI, and Framer Motion to provide an interactive and visually appealing user experience. The project includes a glass-style navigation bar, an input form, and animations to enhance the overall design.

Demo

Features

• Showcase of projects and skills
• Glass-style navigation bar
• Interactive animations using Framer Motion
• Input form for user interaction
• Responsive design for all devices

Technologies Used

• React
• Chakra UI
• Framer Motion
• HTML/CSS

Setup and Installation

1. Clone the repository:

2. Install dependencies:

   cd your_portfolio_folder
   npm install
   

3. Create a .env file in the root directory of your project.

4. Add the following environment variables to the .env file:

   REACT_APP_PUBLIC_KEY=YOUR_PUBLIC_KEY
   REACT_APP_KEY1=YOUR_SERVICE_ID
   REACT_APP_KEY2=YOUR_TEMPLATE_ID
   

   Replace 'YOUR_PUBLIC_KEY', 'YOUR_SERVICE_ID', and 'YOUR_TEMPLATE_ID' with your actual EmailJS credentials.

5. Run the development server:

   npm run start
   

6. Open your browser and visit http://localhost:3000 to see the website.

About Me

Contact

Star and Fork

If you find this project helpful or interesting, consider giving it a star ⭐ on GitHub. You can also fork it to use it as a starting point for your own portfolio website. Happy coding!

Feel free to reach out if you have any questions or if you want any specific features in the portfolio!