Apartment Hunt

Table of contents

Responsive Apartment Hunt React app

Live preview Live API Server

Feature

  • Responsive MERN Stack project with firebase authentication, admin authentication persistent login and dashboard functionality for customer and admin
  • Client have ability to request booking for apartment, check status of requested booking from client dashboard.
  • Only admin can update the client requested booking status from pending to on going to done, add new apartment/house with image all the apartment details and add new admin.
  • Sign in is required to request booking for any apartment or to view client dashboard with services status.
  • Logged in client will see a button named “Dashboard”, where they can view the booking list they requested.
  • If Admin is logged in, admin will see a button named “Admin”.

Only admin user have ability to view admin dashboard.

Front-end Technology

  • React JS
  • Firebase Authentication
  • React Router, Private Router
  • React Hook Form
  • Redux, React Redux
  • redux-devtools-extension, redux-thunk
  • React Context API
  • React Hook
  • Firebase Hosting
  • Session Storage
  • React Spinners
  • Bootstrap
  • SCSS
  • FontAwesome

Front-end Repository

Back-end Technology

  • Node JS
  • Express JS
  • Express file upload
  • Mongodb
  • Heroku
  • Cors
  • Body parser
  • Dotenv
  • nodemon

Back-end Repository

Key Features Screenshots

Landing Page
Admin Landing Page
Admin Dashboard- Booking List
Admin Dashboard- Add House
Admin Dashboard- Make Admin
'User Dashboard- Landing Page
'User Dashboard- Rent