Oct 16, 20202 min read
–––

Apartment Hunt

Apartment Hunt

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 customers and admins
  • Clients have the ability to request bookings for apartments and check the status of requested bookings from their dashboard
  • Only admins can update client-requested booking statuses from pending to ongoing to done, add new apartments with images and all apartment details, and add new admins
  • Sign-in is required to request bookings for any apartment or to view the client dashboard with service statuses
  • Logged-in clients will see a button named "Dashboard", where they can view the booking list they requested
  • If an admin is logged in, they 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