Project about a stock store, you can add, delete, see and edit products, all of this based in your account that you can create with any email. Don't need to be a real email, you can use a fake one just to sing in and enjoy the aplication.
- JavaScript ES6
- ReactJS
- SASS
- Bootstrap
- Vite
- Npm
- Git
- Github
- Netlify
- Firebase Auth
- Firebase database
The features of the application are:
- Save products
- Delete products
- See products
- Update products
- Manage products
- Organize your items
1 - When you acess the hosting link you will see the form to sign in, if you never used this site before you need to click at "Registrar-se" (sign Up)
1.1 - If is your first time using this aplication, after clicking "Registrar-se" (sign Up) you will be redirected to this page
1.2 - To sign up you can use a fake email, don't need to be a real one, you just need to remember what email is and the password that you use, because if you forget the password you can't recover you password because it's a fake email and you won't recive the recover password email, (requirements to password and email are very basic because it's not my focus at development)
1.3 - After register your email and password you will be redirected to sign In page again, then you sign in with email and password that you register before
2.1 - on top you will see header with four options, "excluir conta" (delete account), "início" (home, page you see at beginning), "itens" (items) and "sair" (log out)
2.1.1 - Clicking at "excluir conta" (delete account), you will see a confirm that ask you if you really wanna do that, in case you confirm, your email and you saved items will be deleted from database
2.2.1 - The content of the four boxes are respectively: "Diversidade de itens" (Diversity of items, how many types of items you have), "Inventário total" (Total inventory, total quantity of items in stock among all products), "Itens recentes" (Recent items, items that were added recently) and "Itens acabando" (Items running out, products that their quantity is less or equal to 10)
2.3 - On bottom you will see a similar menu but there you can see the name and click/touch to see the product all data
4.2 - In red you have a button to delete the product "Exluir" (delete), there is no confirmation, so if you touch/click will be deleted instantly
5 - Tap/click any of the update buttons, you will be redirected to this page which contains the data about the current product you are trying to update
- Deploy on netlify: https://stock-storejvgc.netlify.app/
- Repository: https://github.com/Jvcgoncalves/stock-manager
- Backend files: https://github.com/Jvcgoncalves/stock-manager-backend
- In case of bugs or suggestions contact goncalvesdacosta05@gmail.com
1.0.0.0
- João Vitor Gonçalves da Costa
Please follow github and linkedin (link in my profile )! Thanks to visiting me and good coding!