theppitak.me , my portfolio site built with React, Bun, and Vite. Design with cleanliness and simplicity in mind.
- Responsive design
- Dark mode support
- Projects showcase
Check out the live demo here.
Follow these instructions to set up and run the project on your local machine.
Ensure you have the following tools installed:
- Bun (v1.1.x or higher)
-
Clone or create your own respository from template:
git clone https://github.com/mmmmmob/www.git cd www
-
Install dependencies using Bun:
bun install
Start the development server:
bun run dev
Open your browser and visit http://localhost:5173
or the address as shown in your terminal to see your portfolio.
The Now Playing Bar at the bottom pf the page uses Spotify's Now Playing API to retrieve information about your current listening song and render the data live on your site
Refer to the .env.example
file to learn how to obtain your credential tokens from the Spotify Developer website. Use these tokens in production by creating a .env.local
file in your folder. Remember to set the actual environment variables on your deployment platform.
You can opt-out of this feature by removing the <NowPlaying/>
component from App.jsx
.
- Frontend: React, Tailwind CSS, daisyUI and react-icons
- Bundler: Vite
- JavaScript Runtime and Package Manager: Bun
Contributions are welcome! Please fork this repository and submit a pull request for any feature requests, bug fixes, or improvements.
- Fork the repository
- Create your feature branch:
git checkout -b feature/YourFeature
- Commit your changes:
git commit -m 'Add some feature'
- Push to the branch:
git push origin feature/YourFeature
- Open a pull request
This project is licensed under the Creative Commons license. See the LICENSE file for details.