Inclusive Manchester App - Front End

Northcoders Group Project - Front End

---

Built by: The Reactors ☢️ (Mohammed Kabir Dastgir, Lee Kirkham, Matt Shaw, Muhammad Tumi)

---

Front-End

• Front-End - Hosted version Link: https://inclusive-manchester.netlify.app/
• Front-End - Git-Hub Repo Link: https://github.com/MKD01/accessapp-fe

Back-End

• Back-End - Hosted version Link: https://accessapp-be.herokuapp.com/api/
• Back-End - Git-Hub Repo Link: https://github.com/leekli/AccessApp-BE

Description

This is a front-end React application which connects to the backend API & database (link above).

'Inclusive Manchester' is an app built for those who require additional accessibility needs, such as understanding what wheelchair access looks like in venues around Manchester City Center. It allows a community of users to build ratings, and comments about specific venues regarding how accessible the venue is. It also allows an upvoting mechanism for users to 'vote up' on comments made by other users to confirm if those comments are an accurate reflection of the venues accessibility.

Built using React.js, and styled with the React-Bootstrap UI kit. It uses the React-leaflet framework to display and interact with mapping technology.

There is a back-end API version of this app, which it connects to and interacts with the database, available at: https://accessapp-be.herokuapp.com/api/

How to run this project locally

Minimum requirements:

• In order to run this project, please ensure you have Node installed, at least version v16.x onwards.

Clone the repo:

• In your teminal CLI:

$ git clone https://github.com/MKD01/accessapp-fe.git
$ cd accessapp-fe

Install dependencies:

• Required dependencies will be pulled from the package.json file. In your teminal CLI:

$ npm install

Run the app:

• You can now run the app with the following command in the CLI, this will load the app in your Browser for you to use:

$ npm start

Logging in:

• For the purposes of demo, to use the app login in with the username joe and input any password (this is not checked or verified as part of the demo).