Skip to content

Latest commit

 

History

History
84 lines (59 loc) · 3.13 KB

README.md

File metadata and controls

84 lines (59 loc) · 3.13 KB

banner6

Personal site agung.

Next.js TypeScript TailwindCSS Firebase Framer Motion

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.)

Acknowledgements

WendoJ walked so i could run.

Run Locally

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 install

Start the development server.

$ npm run dev

How do I deploy this?

Deployment guides for Vercel, Netlify and Docker for more information.

Tech Stack

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.

Contributing

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

License

GitHub License