A redesign of the Metro Property Management, using React, SCSS, Docker and MongoDB. Completed with a team of 2 designers and 3 developers.
Table of Contents
This was a redesign created by our UX/UI team of 2. Our team of 3 developers, including myself, then turned the wireframe into a responsive web app using React.js, TypeScript, Node.js, SCSS, Docker and MongoDB. A separate repo was created for the backend.
This is an example of how you may give instructions on setting up your project locally. To get a local copy up and running follow these simple example steps.
This is an example of how to list things you need to use the software and how to install them.
- Clone this frontend repo to a parent folder
git clone https://github.com/mind-ll-matter/Metro_Frontend-MRHQ_mission5.git
- Install NPM packages for the frontend
npm install
- Clone the backend repo to the same parent folder
git clone https://github.com/mind-ll-matter/Metro_Frontend-MRHQ_mission5.git
- Install the yarn packages for the backend
yarn add
The app has been set up to use docker compose with a mongo database. What happens is that the backend will be run in a docker container. The data associated with that container will be stored in the mongodb database. The frontend then interacts with the database to acquire, add or change data.
-
To run the project, you will first need to run the backend:
docker compose up
-
Then, run the frontend:
npm run start
Project Link: https://github.com/mind-ll-matter/Metro_Frontend-MRHQ_mission5
- Renee M.
- Zoe Y.