satyamsetia / makemystay

MakeMyStay

This project was bootstrapped with Create React App. MakeMyStay is an online portal where host can list their properties and guests can browse them.

Steps to install

clone this repo
npm install
npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

Project structure (src folder)

src
|
|- components (UI components)
|- config
|- data (mock data used only via dummy API. No UI component is directly reading data from here)
|- routes (UI routes and configuration lies here)
|-service (business logic along with dummy API call lies here)
|- store (redux related state management logic lies here)
|- utils (utilities)

Features

✔️ Login/Logout feature for Guest and Host

✔️ Authenticated Routes

✔️ Property List View where Guest can see all listed properties while Host can see properties list by him/her.

✔️ Property View with static details of any property

✔️ Option to book a property (only Guest can book a property)

✔️ Booking form for requesting new booking (Managed through localstorage)

✔️ Manage Booking Requests feature for Host (Bell Icon on top left in Host login view)

✔️ Host can Approve/Reject Booking Request

Pending items due to limited time

❌ Payment and Refund feautre on rejection of booking

❌ Complete code coverage (unit testing)

❌ Response designs

❌ Form validations

Asssumptions -

• All mock data (inside src >> data) is based on asssumptions
• Since, signup feature is not ready, two pre-registered (assumed) users that can be used are as follows

  •   GUEST ->
      Username - John 
      Password - _Any string_ (no password validations are done yet)
    
      HOST ->
      Username - David
      Password - _Any string_ (no password validations are done yet)
    

• Guest can see all properties listed in DB while Host can see only properties listed by him/her.
• Host can not book any property. (He/She needs a guest account to book any property)
• No Restrictions applied on Check In and Check Out Dates