Skip to content

Luhmeiy/Coin-Collector

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

67 Commits
 
 
 
 
 
 

Repository files navigation

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