react-portfolio
A modern, responsive personal portfolio website built with React and Next.js. Showcases projects, skills, and experience with a clean, interactive design. Features dark mode, animated sections, and a contact form. Utilizes Tailwind CSS for styling, Framer Motion for animations, and React Email for the contact functionality.
MIT License
Personal Portfolio Website - Live Demo
This is a personal portfolio website built with React and Next.js. It showcases my projects, skills, and my education information.
Features
- Responsive design
- Dark mode support
- Animated sections using Framer Motion
- Contact form with email functionality
- Interactive project showcase
- Skills and education timeline
Technologies Used
- React
- Next.js
- TypeScript
- Tailwind CSS
- Framer Motion
- React Email
- React Hot Toast
- React Vertical Timeline Component
Getting Started
To run this project locally, follow these steps:
- Clone the repository:
https://github.com/venky-1710/react-portfolio.git
- Navigate to the project directory:
cd react-portfolio
- Install dependencies:
npm install
- Run the development server:
npm run dev
- Open http://localhost:3000 in your browser to view the website.
Customization
To customize this portfolio for your own use:
- Update the personal information in the components.
- Replace project details in the
Projectscomponent. - Modify the skills and experience sections to match your background.
- Update the contact form to use your own email service.
Deployment
This project can be easily deployed on Vercel, the platform created by the makers of Next.js. Simply connect your GitHub repository to Vercel for automatic deployments.
Contact Form
The contact form uses React Email for sending emails. Make sure to set up the necessary environment variables for your email service provider.
License
This project is open source and available under the MIT License.