https://github.com/ahad-miah/keynest
This project is a real estate property management system built using React, TailwindCSS, and React Icons. It includes features like a wishlist page where users can save their favorite properties and a property bought page where users can track their purchased properties.
https://github.com/ahad-miah/keynest
css3 expressjs firebase html5 javascript jwt mongodb react-router reactjs tailwindcss
Last synced: 3 months ago
JSON representation
This project is a real estate property management system built using React, TailwindCSS, and React Icons. It includes features like a wishlist page where users can save their favorite properties and a property bought page where users can track their purchased properties.
- Host: GitHub
- URL: https://github.com/ahad-miah/keynest
- Owner: Ahad-Miah
- Created: 2025-01-30T07:39:20.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-18T19:49:17.000Z (over 1 year ago)
- Last Synced: 2025-02-18T20:26:24.480Z (over 1 year ago)
- Topics: css3, expressjs, firebase, html5, javascript, jwt, mongodb, react-router, reactjs, tailwindcss
- Language: JavaScript
- Homepage: https://tiny-cat-28deae.netlify.app
- Size: 432 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# KeyNest
Welcome to **KeyNest**, an intuitive platform for property buying, selling, and managing listings. This platform provides comprehensive features for agents, buyers, and admins.
## 🔗 Live Site URL
[Visit the Live Site](https://tiny-cat-28deae.netlify.app/)
## 👤 Admin Credentials
- **UserEmail:** `admin@gmail.com `
- **Password:** `1234@Sa `
---
## 🚀 Key Features
1. **User Authentication:** Secure login and registration system for admins, agents, and buyers.
2. **Dynamic Property Listings:** Easily browse properties with detailed information, including images, location, agent details, and price range.
3. **Verified Properties:** Highlighted properties verified by admins for added trust.
4. **Wishlist Functionality:** Users can save properties to their wishlist for easy access later.
5. **Advertisement Section:** Admins can advertise properties, which will appear in a dedicated section on the homepage.
6. **Agent Dashboard:** Dedicated tools for agents to manage and view their listed properties and sold items.
7. **Sold Properties Section:** Agents can view total sales and see detailed records of sold properties.
8. **Responsive Design:** Fully responsive layout for all devices, ensuring a seamless user experience on desktops, tablets, and mobile devices.
9. **Search and Sort:** Advanced search functionality and sorting options based on price and location.
10. **Interactive Admin Panel:** Admins can manage users, approve listings, and monitor advertisements through a user-friendly dashboard.
---
## 🛠️ Technologies Used
- **Frontend:** React, TailwindCSS, React Icons, JavaScript, DaisyUi
- **Backend:** Node.js, Express.js
- **Database:** MongoDB
- **Authentication:** Firebase
---
## 📦 Dependencies
This project uses the following dependencies:
| Package | Version | Description |
|---------|---------|-------------|
| **[@stripe/react-stripe-js](https://www.npmjs.com/package/@stripe/react-stripe-js)** | `^3.1.1` | React components for Stripe.js |
| **[@stripe/stripe-js](https://www.npmjs.com/package/@stripe/stripe-js)** | `^5.5.0` | Stripe.js library for payments |
| **[@tanstack/react-query](https://www.npmjs.com/package/@tanstack/react-query)** | `^5.64.2` | Data fetching and caching |
| **[axios](https://www.npmjs.com/package/axios)** | `^1.7.9` | Promise-based HTTP client |
| **[firebase](https://www.npmjs.com/package/firebase)** | `^11.2.0` | Google Firebase SDK |
| **[localforage](https://www.npmjs.com/package/localforage)** | `^1.10.0` | Offline storage library |
| **[lottie-react](https://www.npmjs.com/package/lottie-react)** | `^2.4.0` | Lottie animations in React |
| **[match-sorter](https://www.npmjs.com/package/match-sorter)** | `^8.0.0` | Lightweight sorting/filtering library |
| **[react](https://www.npmjs.com/package/react)** | `^18.3.1` | Frontend JavaScript library |
| **[react-dom](https://www.npmjs.com/package/react-dom)** | `^18.3.1` | DOM bindings for React |
| **[react-helmet-async](https://www.npmjs.com/package/react-helmet-async)** | `^2.0.5` | Manage document head metadata |
| **[react-icons](https://www.npmjs.com/package/react-icons)** | `^5.4.0` | Icon library for React |
| **[react-router-dom](https://www.npmjs.com/package/react-router-dom)** | `^7.1.2` | Routing for React applications |
| **[react-toastify](https://www.npmjs.com/package/react-toastify)** | `^11.0.3` | Toast notifications for React |
| **[sort-by](https://www.npmjs.com/package/sort-by)** | `^1.2.0` | Sorting utility for JavaScript |
| **[sweetalert2](https://www.npmjs.com/package/sweetalert2)** | `^11.15.10` | Stylish alert popups |
| **[swiper](https://www.npmjs.com/package/swiper)** | `^11.2.1` | Modern touch slider |
---
## 📥 Installation
To install all dependencies, run:
```bash
npm i
```
```bash
npm run dev
```