Skip to content

amabelleS/storages-frontend

Repository files navigation

Community Storages - My First Mern-Stack App

Users can search for storages by their name, description, or address (google maps supported), and obseeve each storage items

Link to website

https://community-storages.web.app/

Storages

After authentication, users can reserve items, manage there on-reserved items list, or add there own new storage. it could be any kind of community storage you want it to be:)

Storage Items

A manager will be able to edit his storage, add new items, edit them and manage the reservation process.

Storage Charts

A storage manager can observe and manage his/hers storage charts (canvasjs, modified to functional components). There are to kinds: 1.ITEMS COUNT - every time a manager choses yo add a new node, it will dinamicly insert a new node to a (two) line chart, that will represent the current (todays date on the x axis) count of total items in the storage, and the total amount of items currently out of the storage by the users. 2.INCOME CHARTS: comes in two modes: 1. income per day for the last 30 days. 2. income per month. You can print or save a copy of the charts at any given time.

Global State Managment

By useContext & useReducer only:)

User Experience

It's a colorfull playgroud, no gray shades:) The use of colors is ment to draw the user attention were needed. pure css.

About this project

Community storages is A New Playground:) Were you can find different kind of storages, reserve items you want to borrow, or open and manage a new storage. If it's a tools storage, costumes or toys - anything you want. It's my first mern-stack app that I built for the community, and it's free:) I built this app, becuase there are thing we don't have to bye, that we can share. Becouse it's time we'll start to re-think about our consumers habbits.

My Next Project

Will be for community gardeners:)

About React

You can learn more in the Create React App documentation.

To learn React, check out the React documentation.