/Coin-Collector

Coin collecting website

Primary LanguageTypeScript

Coin Collector

Express.js Firebase Nodemon React TailwindCSS TypeScript Vite

Table of Contents

📑 About

This project is a user-friendly web application designed for coin enthusiasts to enhance their coin collecting experience. With a simple and intuitive interface, Coin Collector makes it easy to organize, manage, and expand your coin collection.

🎨 Layout

Cover image

The complete design can be accessed in Figma.

🛠️ Functionalities

  • Add, edit and remove coins
  • Add coins easily with custom presets
  • Login with Google
  • Customizable layout

📚 What I Learned

I started this project with the intention of learning more about CRUD, Cloud Firestore and animations in React. It was a way of putting the knowledge I learned by watching different courses and tutorials to the test.

It was a long ride, but it was worth it. Truthfully, there is nothing better than doing a solo project to improve your own knowledge and better your problem solving skills.

Now I have a better understanding of the technologies I use, but I still had the opportunity to learn more about Zod, discover some libraries that I will use in future projects, and even ventured out to learn Figma.

🤔 How To Use

- Clone this repository:
$ git clone https://github.com/Luhmeiy/Coin-Collector coin-collector

- Enter the directory:
$ cd coin-collector

- Run the server:
$ cd server
$ pnpm install
$ pnpm run dev

- Run the client:
$ cd ../client
$ pnpm install
$ pnpm run dev

GitHub Linkedin