A Web Application that intakes customer form data and display data on the dashboard with tables.
- 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)
- Firebase (Baas)
- Cloud Firestore (Real time Db)
- Firebase Storage (File Storage)
- Open Weather Map Geocoding Api (Gecodes a given Location.)
Like how the Application looks See it Live
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
For some reason whenever i develop with the app router it takes alot of
RAMwhich 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.
- 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
NEXT_PUBLIC_GEOCODE_KEY
-
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.
Don't forget to leave a ⭐️