https://github.com/pungrumpy/v1-website
🥹 My personal website on 1st version
https://github.com/pungrumpy/v1-website
javascript nextjs nextjs14 personal-website threejs
Last synced: about 15 hours ago
JSON representation
🥹 My personal website on 1st version
- Host: GitHub
- URL: https://github.com/pungrumpy/v1-website
- Owner: PunGrumpy
- Created: 2025-01-17T16:15:50.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-05T09:28:26.000Z (about 1 year ago)
- Last Synced: 2025-04-05T20:33:13.429Z (10 months ago)
- Topics: javascript, nextjs, nextjs14, personal-website, threejs
- Language: JavaScript
- Homepage: https://v1.pungrumpy.com
- Size: 12.3 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
> [!WARNING]
> This is version 1 of my website. For the latest version (v3), please visit [https://www.pungrumpy.com/](https://www.pungrumpy.com/)
> [!NOTE]
> You can explore the source code of version 2 of my website in the [v2 repository](https://github.com/PunGrumpy/v2-website).
---
🐬 PunGrumpy's Personal Website
Welcome to the repository of my personal website! This project is a showcase of my skills in web development, combining the power of Next.js, Chakra UI, Three.js, and Framer Motion to create a dynamic and visually appealing online presence.
## `🌟` Features
- **[Next.js](https://nextjs.org/)** - Utilizing this advanced React framework for efficient static & server rendering, and smart route pre-fetching.
- **[Chakra UI](https://chakra-ui.com/)** - Implementing a modular and accessible component library that makes UI design a breeze.
- **[Three.js](https://threejs.org/)** - Bringing in 3D elements to enhance the visual experience.
- **[Framer Motion](https://www.framer.com/motion/)** - Adding smooth and engaging animations with this powerful library.
## `🚀` Getting Started
### Prerequisites
Ensure you have [Node.js](https://nodejs.org/en/) and [Bun](https://bun.sh) installed to handle dependencies and run the project.
### Setting up the Development Environment
```bash
# Clone the repository
git clone https://github.com/PunGrumpy/PunGrumpy-Website.git
# Navigate to the project directory
cd PunGrumpy-Website
# Install dependencies
bun install
# Start the development server
bun dev
# Navigate to http://localhost:3000
```
## `📄` License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
## `🙏` Acknowledgments
Special thanks to [Takuya Matsuyama](https://github.com/craftzdog) for inspiring this project with [Takuya's Homepage](https://craftz.dog/).
> [!NOTE]
>
> - **Introduction Section**: Added a brief introduction that welcomes visitors and outlines the purpose of the repository.
> - **Features Section**: Highlighted the key technologies with a descriptive list for better visibility.
> - **Simplified Headings**: Used more intuitive headings for the setup and deployment sections.
> - **Formatting Consistency**: Applied consistent markdown formatting for a cleaner look.
> - **Acknowledgements Section**: Personalized the thank you note for a more heartfelt acknowledgment.
---
Feel free to adjust any part of this revised README to better fit your project's needs or personal style.