Single page application (SPA) for 'URBAN HARVEST' RESTapi

Table of contents

• Project aim
• Technologies
• Wireframe
• Project Status
• Known Bugs
• Acceptance Criteria
• Authors
• Project Presentation

The project aim

Create a SPA for RESTapi which allows users to request data about available fruits, herbs or vegetables to harvest in urbanized areas (for example London). The SPA would allow users to request all available harvests as well as filter them by types (for example apples, pears, basil etc.). We also wanted authorised users to be able to update information about harvests aswell as delete them if the data is not correct or relavant anymore.

Technologies

We used:

• VScode (live share)
• Insomnia
• Miro (blueprint)
• Git / Github (including CI)
• Heroku (for deployment)
• Netlify
• PostgreSQL
• Javascript
• ES modules
• Colorhunt.co : colour inspo
• SVGRepo.com : SVG outline
• SVG Minify : SVG compression

Wireframe

https://miro.com/app/board/o9J_klqCevs=/

Installation

• 🥕⭐ No need! just head to https://urbanharvest-chjm-wk9.netlify.app/ to start browsing! ⭐🥕
• Try to change your password and log back in using your new password!

Works well on

• Chrome

• Firefox

Not tested on

• Microsoft Edge

• Apple Safari

Project status

• Code reviewing and debuging

Known bugs

• "Search the Field" and "Add a Discovery" buttons are not yet functional.
• Unable to edit or delete entries

Acceptance Criteria

• A single-page app (only one HTML file)
• Accessible signup/login forms
• Token-based authentication (storing token in localStorage)
• Form for adding new resources (only for logged in users)
• Works well across Chrome, Firefox and Safari/Edge browsers

Stretch criteria

• Buttons to delete existing resources -for logged in users
• Form for updating existing resources -for logged in users

Authors

FAC20 Group - week9CHJM

Josh - Scrum facilitator Jennifer - Design Trish - Deployment Rihards - Quality

Project Presentation

hackmd