PunGrumpy/v1-website

๐Ÿฅน My personal website on 1st version

โ˜… 2Forks 0JavaScriptGitHub โ†—Compare

Project website โ†—

javascriptnextjsnextjs14personal-websitethreejs

README

Warning

This is version 1 of my website. For the latest version (v3), please visit https://www.pungrumpy.com/

Note

You can explore the source code of version 2 of my website in the v2 repository.


๐Ÿฌ PunGrumpy's Personal Website

Website Preview

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 - Utilizing this advanced React framework for efficient static & server rendering, and smart route pre-fetching.
  • Chakra UI - Implementing a modular and accessible component library that makes UI design a breeze.
  • Three.js - Bringing in 3D elements to enhance the visual experience.
  • Framer Motion - Adding smooth and engaging animations with this powerful library.

๐Ÿš€ Getting Started

Prerequisites

Ensure you have Node.js and Bun installed to handle dependencies and run the project.

Setting up the Development Environment

# 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 file for details.

๐Ÿ™ Acknowledgments

Special thanks to Takuya Matsuyama for inspiring this project with Takuya's Homepage.

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.

Contributors

PunGrumpy

Issues