Skip to content

Latest commit

 

History

History
122 lines (86 loc) · 3.37 KB

README.md

File metadata and controls

122 lines (86 loc) · 3.37 KB
Raw

Admin Hippo

A Web Application that intakes customer form data and display data on the dashboard with tables.

Tech-Stack

Front-End

  • Next js (13.4.3)(Pages Router) (React Framework)
  • React (18) (UI library)
  • Tailwind Css (Css Framework)
  • Framer motion (Animation Library)
  • React Hook Form (Form Validation Library)
  • Leaflet (For Map Display Functionality)
  • Aos (For Scrolling Animation) (TBH hope they update the package.)
  • Typescript (Programming Language)
  • Zustand (State Management Library)
  • React Toastify (For Toast Alerts)

Back-End

  • Firebase (Baas)
  • Cloud Firestore (Real time Db)
  • Firebase Storage (File Storage)
  • Open Weather Map Geocoding Api (Gecodes a given Location.)

Screenshots

Home Page

Home Page

Login Page

Login Page

Register Page

Register Page

Forgot Password Page

Forgot Password Page

Explore Page

Explore Page

Rent Page

Rent Page

Listing Details

Lisitng Details

Profile

Profile

Like how the Application looks See it Live

Reason For Project

This project was inspired by the React front to back course by brad traversy on udemy. This is a rebuild of his house marketplace project in my favourite tech stack. I wanted to use this project to learn Next js. Note there are a few improvements to his original Project

Why didn't i use the App router?

For some reason whenever i develop with the app router it takes alot of RAM which makes DX very poor. so for now until i get a new system all my Next js projects will be in the page router. When i do get a new system , i will migrate my code to the App router.

Installation

  • Clone the Repository
    $ git clone https://github.com/nathan-somto/house-marketplace.git
  • Enter into the directory
    $ cd house-marketplace
  • Install all dependencies
   $ npm install
  • Start the Development Server
    $ npm run dev

Environment Variables

NEXT_PUBLIC_GEOCODE_KEY

Acknowledgements

  • Brad Traversy - How to start the project and create firebase rules.

  • ChatGpt - Helped to fix my bugs.

  • NextJs Docs - Helped me to understand how to use the page router.

Contributors

Don't forget to leave a ⭐️