This project will always be in development, as it is my personal website and will evolve along with my life journey. This project is built using TypeScript, Next.js, and Tailwind CSS, and utilizes modern technologies such as Framer Motion and Firebase to provide a dynamic and interactive user experience. (Disclaimer: I am new to modern web programming.)
WendoJ walked so i could run.Follow these steps to clone and run this project locally on your machine:
$ git clone https://github.com/AgungHari/personal-site-agung
$ cd personal-site-agung
$ git remote remove origin
Then install the required dependencies.
$ npm installStart the development server.
$ npm run dev
Deployment guides for Vercel, Netlify and Docker for more information.
For version 0.7, the following are the frontend and backend technologies used to build this project:
Frontend
- Next.js: A modern React framework for static and dynamic web applications.
- TypeScript: A superset of JavaScript with static type support for stronger development.
- Tailwind CSS: A utility-first framework that enables fast, clean, and responsive UI development.
- Framer Motion: Creates beautiful and smooth animations and interactions with React.
- VanillaTilt.js: Provides interactive 3D hover effects for an engaging user experience.
Backend
- Firebase: Backend as a Service (BaaS) used for authentication, data storage, and real-time file uploads.
- Next.js API Routes: Building serverless endpoints to handle file uploads and other data interactions.
- Multer and FormData: Handling file uploads via the API, including images from the user’s camera processed directly in the browser.
I am open to contributions and collaboration. If you would like to contribute, please create a pull request or contact me directly!
- Fork this repo.
- Create a new feature branch:
git checkout -b new-feature- Commit your changes.
git commit -m "ver..."- Push to the branch:
git push origin new-feature
