Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/venky-1710/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.
https://github.com/venky-1710/react-portfolio
framer-motion next-js react react-email react-hot-toast react-vertical-timeline-component tailwindcss typescript
Last synced: about 1 month ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/venky-1710/react-portfolio
- Owner: venky-1710
- License: mit
- Created: 2024-07-09T20:03:29.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-07-09T21:56:26.000Z (4 months ago)
- Last Synced: 2024-09-27T18:03:57.629Z (about 2 months ago)
- Topics: framer-motion, next-js, react, react-email, react-hot-toast, react-vertical-timeline-component, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://portfolio80.vercel.app
- Size: 701 KB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Personal Portfolio Website - [Live Demo](https://portfolio80.vercel.app/)
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:
1. Clone the repository:
```sh
https://github.com/venky-1710/react-portfolio.git
```
2. Navigate to the project directory:
```sh
cd react-portfolio
```
3. Install dependencies:
```sh
npm install
```
4. Run the development server:
```sh
npm run dev
```
5. Open [http://localhost:3000](http://localhost:3000) in your browser to view the website.
## Customization
To customize this portfolio for your own use:
1. Update the personal information in the components.
2. Replace project details in the `Projects` component.
3. Modify the skills and experience sections to match your background.
4. 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](LICENSE).