Click here to see the deployed app Project was made by Maximimiliano Wullbrand-Naddeo, Halil Aydin and Thomas Demoncy.
Renting Stuff Online is a MERN application which is helping people to rent sport equipment from the community. The community can create ads to rent their equipments, send requests to the equipment's owner to rent it. The owner can accept or decline the requests. The community can always leave comments about the owner, which are shared on every equipment ads of the owner.
The MVP of this project includes the following users features (some of them are only accessible after creating an account):
For the requester:
-
Equipments Lists and search: The user can check a list of equipments available for rent. The user can search and/or filter the equipments list.
-
Equipment Details / Comments: The user can check the information details of each equipment and check out the comments left by the community.
-
Add / Update / Delete Comments: The user can also add / modify / delete comments on each equipment details page if he wants.
For the owner:
-
Add / Update / Delete Equipments: The user can add / modify / delete equipments to rent into the platform.
-
Equipment dashboard: The user has his own dashboard to manage all of his equipments.
For both persona:
-
User can create / update an account: The user can create his account and edit it later.
-
User can log-in and log-out of the app: The user can log in and log out of the app.
-
requestercan create/update/delete a request to rent equipment -
ownerreceives the requests in his requests dashboard and can answer the requests. - Equipment availability management and base filtering.
- Add a map to see where the equipments are located near the user.
- User order page (Long-term management of the requests)
- Add-on: Automated availability management (if an equipment is rented, is not available.)
- Add-on: User receives an email to confirm the reservation (both owner and the requester)
- Add-on: User can pay directly into the platform
- Add-on: User can decide the delivery option of rental equipments and can follow the tracking numbers
In the project we used Mantine for components ready material, hooks. We also added some inline styline when we had to.
Pages:
commentscreateCommentPage.jsxupdateCommentPage.jsx
equipmentsCreateEquipmentPage.jsxUpdateEquipmentPage.jsxDetailsEquipmentPage.jsx
requestsCreateRequestPage.jsxUpdateRequestPage.jsx
usersEditUserInformationPage.jsxLogInPage.jsxSignUpPage.jsxUserInformationPage.jsxUserListingsPage.jsxUserRequestsPage.jsx
Homepage.jsxNotFountPage.jsx
Contexts:
AuthContext.jsx
Components:
Card.jsxCardGrid.jsxComment.jsxCommentGrid.jsxFooter.jsxNavbar.jsxPrivateRoute.jsxReceivedRequestsGrid.jsxRequestOwnerForm.jsxSentRequestsGrid.jsxUserBadge.jsx