#RoomFinder_2.0

Usage

• npm

• cd client

  • npm install
  • npm run dev

• cd server

  • npm start

Tech Stack

• React JS
• React Router
• Redux/Redux Persist
• UI Libraries - Material Design
• Formik & Yup for Form Validation in React
• Axios to to make http requests from node.js
• Mongo DB, Express
• Node JS
• Password encryption using Bcrypt
• Socket.io for bi-directional communication.
• JsonWebToken Authentication/Authorization
• Moment for parsing, validating, manipulating and displaying date and time.
• Multer for file upload feature
• Mapbox API with react map gl, supercluster, geocoder for exact locatioin and Places autocomplete, add marker
• Swiper for beautifull image swipe
• Postman for api test

Features

• Login
• Registration
• MultiUser Login(user, admin)
• Change Password Feature
• View rooms and room details
• User Logout feature
• Pagination
• Search rooms by address, title, amenities and description
• Without login
  • Desplay all rooms
• User
  • Add, Update, Delete (user can delete and update of thier own room only)
  • user might be tenent or landlord

#Login Page

#Registration page

#Home Page

#List of room

#Home Cluster https://github.com/nishantchy842/RoomFinder_2.0/assets/117557072/48034996-90e5-42a3-b6a0-577ea0054ece

#List Room https://github.com/nishantchy842/RoomFinder_2.0/assets/117557072/107a9afe-465c-483a-a1b7-dd8123041674

#Update Room https://github.com/nishantchy842/RoomFinder_2.0/assets/117557072/d9ef3b21-22ea-4559-8a09-f57b5ff9c5a2