This project is to manage your product (ex: βwatch). you can add product and edit quantity as you like.
I implemented login and signup using firebase to make sure only authorize user can add product to the site.
I designed the project using figma and developed it using react, and for css framework used tailwind. And for Back-End I used NodeJs(Express), MongoDB(Mongoose)
to store data and for backend auth used JWT.
π²Live Site Link ππ½ Click Here
Project Preview
Key Technologies
Front-End
Back-End
User can login using google or email and password, for authentication i used firebase and to make it more simple i used
"react-firebase-hooks": "^5.0.3"
![login preview login preview](https://d33wubrfki0l68.cloudfront.net/6f0a5d7e4978dc97c77d8771dc82fdf4a5f33f32/98227/static/82e77a741eb728a5f971846762a9f119/8c557/login.png)
Login Page
Users can see all products in a table where user can edit the product quantity or delete the product.
![table preview table preview](https://d33wubrfki0l68.cloudfront.net/0d3bc59abe042f6c88048e8f8f044ae0d03573ac/539ff/static/fa57fad3513faa5fc5fcd6b728c22716/33e10/product-table.png)
Login Page
The whole website is mobile responsive but still not perfect in my mind. In coming future I will try to improve the project in many ways.
If anyone intersted to work on the project just create an .env