MyRoof. Real Estate: Frontend

This project is deployed at Vercel myroof.vercel.app.

Project Overview

MyRoof is an intuitive web app where users can view and list real estate properties.

Features

• User Authentication/Authorization
• Search/filter of properties
• User Dashboard
• Detailed view of the property information
• Detailed view of the apartment complex information (to be implemented)
• View for listing properties
• View for listing apartment complexes
• Image uploading
• Favorite/Bookmarked properties (to be implemented)
• Saved Search (to be implemented)
• Editing/Arhiving/Deleting properties (to be implemented)
• Previous contracts comments (to be implemented)

Packages used

• React.js (user authentication and private routing is implemented with React useContext)
• AWS Javascript SDK
• JWT-Decode
• Material UI

Screenshots

Main Page: Search Section Main Page: Properties Section Main Page: Apartment Complexes Section Property Listing Page Dashboard: Listed Properties Page Dashboard: Edit Account Page Property Detail View Page Property Detail View Page

How to Run?

If you want to try running this app in your local environment, follow the steps below:

1. Clone this repository
2. Run npm install in project root folder
3. Add .env file to project root folder with content

REACT_APP_BASE_URL=
REACT_APP_ACCESS_KEY_ID=
REACT_APP_SECRET_ACCESS_KEY=
REACT_APP_REGION=
REACT_APP_BUCKET=

where the first variable is URL of backend API and the last 4 are related to AWS-SDK 4. Finally, run the app with npm start dev