Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/wonderstk/personal_portfolio
Welcome to my personal portfolio website! This project is built using Next.js, Tailwind CSS, Three.js, React Three Fiber, and other technologies to showcase my skills, experiences, projects, and provide a contact form. The website also features both dark and light themes to enhance the user experience.
https://github.com/wonderstk/personal_portfolio
Last synced: 27 days ago
JSON representation
Welcome to my personal portfolio website! This project is built using Next.js, Tailwind CSS, Three.js, React Three Fiber, and other technologies to showcase my skills, experiences, projects, and provide a contact form. The website also features both dark and light themes to enhance the user experience.
- Host: GitHub
- URL: https://github.com/wonderstk/personal_portfolio
- Owner: WonderSTK
- Created: 2024-09-17T17:52:13.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-11-05T06:05:24.000Z (2 months ago)
- Last Synced: 2024-11-05T07:18:21.422Z (2 months ago)
- Language: JavaScript
- Homepage: https://personal-portfolio-liard-five.vercel.app
- Size: 22.7 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Personal Portfolio
Welcome to my personal portfolio website! This project is built using Next.js, Tailwind CSS, Three.js, React Three Fiber, and other technologies to showcase my skills, experiences, projects, and provide a contact form. The website also features both dark and light themes to enhance the user experience.
## Features
- **About Me**: A brief introduction about myself.
- **Experience**: Highlighted work experience.
- **Skills**: A list of my skills and expertise.
- **Projects**: Showcase of my projects.
- **Contact**: A contact form for users to get in touch with me.
- **Responsive Design**: Fully responsive to ensure an optimal experience on all devices.
- **Dark and Light Themes**: Ability for users to switch between dark and light themes.
## Technologies Used
- [Next.js](https://nextjs.org)
- [React](https://reactjs.dev)
- [Tailwind CSS](https://tailwindcss.com)
- [Three.js](https://threejs.org)
- [React Three Fiber](https://github.com/pmndrs/react-three-fiber)
## Getting Started
To get started with the project locally, follow these steps:
1. Clone the repository:
```bash
git clone https://github.com/yourusername/personal_portfolio.git
```
2. Navigate into the project directory:
```bash
cd persoanl_portfolio
```
3. Install the dependencies:
```bash
npm install
```
4. Start the development server:
```bash
npm run dev
```
5. Open [http://localhost:3000](http://localhost:3000) in your browser to view the website.
## Project Structure
The project structure is organized as follows:
- `pages/`: Contains the pages of the website.
- `components/`: Contains reusable components.
- `public/`: Contains static assets like images.
- `styles/`: Contains global styles and Tailwind CSS configuration.
- `utils/`: Contains utility functions and helpers.
## Author
Created by [Mehul Kumar](https://github.com/WonderSTK).
Feel free to reach out if you have any questions or suggestions!