Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/0x1luffy/myportfolio
This is my personal portfolio website made with react.
https://github.com/0x1luffy/myportfolio
nextjs-portfolio-website portfolio portfolio-website portfolio-website-code portfolio-website-design portfolio-website-using-react-github-code react-portfolio-template
Last synced: 2 days ago
JSON representation
This is my personal portfolio website made with react.
- Host: GitHub
- URL: https://github.com/0x1luffy/myportfolio
- Owner: 0x1Luffy
- Created: 2023-08-29T05:46:18.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2024-01-19T09:53:21.000Z (10 months ago)
- Last Synced: 2024-01-19T11:01:07.284Z (10 months ago)
- Topics: nextjs-portfolio-website, portfolio, portfolio-website, portfolio-website-code, portfolio-website-design, portfolio-website-using-react-github-code, react-portfolio-template
- Language: JavaScript
- Homepage: https://chetan9-portfolio.vercel.app/
- Size: 3.16 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
```markdown
# Portfolio Website
Welcome to my portfolio website repository! This project was built using Next.js, CSS, and React hooks like `useState` and `useEffect`. It's a fully responsive website showcasing my skills, projects, and more.
🚀 [Live Demo](https://chetan9-portfolio.vercel.app/)
## Features
- Responsive design for all devices.
- Home section with a brief introduction.
- Projects section to display your work.
- Skills section to highlight your expertise.
- Contact section with contact details and a contact form.
- Server Side Rendering.
## Technologies Used
- [Next.js](https://nextjs.org/)
- CSS for styling
- React hooks: `useState` and `useEffect`
## Getting Started
1. Clone the repository:
```bash
git clone https://github.com/yourusername/your-portfolio-website.git
```
2. Navigate to the project directory:
```bash
cd your-portfolio-website
```
3. Install dependencies:
```bash
npm install
```
4. Start the development server:
```bash
npm run dev
```
5. Open your browser and visit http://localhost:3000 to view your website.
## Customization
You can customize this website by editing the following files:
- `pages/home.js` for the home page content.
- `components/portfolio.js` for adding your projects.
- `components/resume.js` for adding your resume details.
- `components/contact.js` for customizing the contact section.
- `components/about.js` for customizing the about section.
## Acknowledgments
- Special thanks to [Next.js](https://nextjs.org/) for making this project possible.
- Icons used in this project are provided by [Font Awesome](https://fontawesome.com/) and [Simple Line Icons](https://simplelineicons.github.io/).
Feel free to reach out if you have any questions or need further assistance. Happy coding! 🚀
```