https://github.com/rohan26ir/property-pulse

The client side of PropertyPulse is the front-end interface for users, members, and admins to interact with the Building Management System. The client handles authentication, dynamic UI rendering, and interaction with the server via API endpoints.
https://github.com/rohan26ir/property-pulse

api building-management daisyui firebase-auth npm react tailwindcss vercel-deployment vite website

Last synced: 3 months ago
JSON representation

The client side of PropertyPulse is the front-end interface for users, members, and admins to interact with the Building Management System. The client handles authentication, dynamic UI rendering, and interaction with the server via API endpoints.

• Host: GitHub
• URL: https://github.com/rohan26ir/property-pulse
• Owner: rohan26ir
• Created: 2025-02-04T20:50:16.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2025-02-17T07:23:10.000Z (3 months ago)
• Last Synced: 2025-02-17T08:27:54.373Z (3 months ago)
• Topics: api, building-management, daisyui, firebase-auth, npm, react, tailwindcss, vercel-deployment, vite, website
• Language: JavaScript
• Homepage: https://propertys-pulse.web.app/
• Size: 1.94 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# PropertyPulse - Client Side  

## Live URL  

[PropertyPulse](https://propertys-pulse.web.app/)  

## Purpose  

The client side of PropertyPulse is the front-end interface for users, members, and admins to interact with the Building Management System. The client handles authentication, dynamic UI rendering, and interaction with the server via API endpoints.  

---

## meaning of user 

 - user is = Resident

 - member is = Tenant

 - admin is = Manager

---

## Key Features  

1. **Authentication System**  

   - Email and password-based login and registration.  

   - OAuth with Google/GitHub.  

   - Password strength validation and error messages.  

   - Persistent private routes after reloading.  

2. **Responsive Design**  

   - Fully responsive for mobile, tablet, and desktop views.  

3. **Dynamic Navigation**  

   - Navbar with conditional icons based on login status.  

   - Profile dropdown with user-specific options.  

4. **Home Page Highlights**  

   - Auto-sliding banner showcasing apartments.  

   - About section with building details in elegant typography.  

   - Coupons displayed attractively for easy visibility.  

   - Location map using a third-party npm package.  

5. **Apartment Management**  

   - Paginated apartment list with details (image, floor, rent, etc.).  

   - Apartment agreement feature with database integration.  

   - Search functionality with rent range filtering.  

6. **Dashboard Pages**  

   - **User Dashboard**: Profile and announcements.  

   - **Member Dashboard**: Profile, payment system, payment history, and announcements.  

   - **Admin Dashboard**: User management, announcements, agreements, and coupon management.  

7. **Secure API Calls**  

   - All Firebase configuration keys and MongoDB credentials are secured with environment variables.  

8. **Data Fetching**  

   - TanStack Query (React Query) for GET requests to enhance performance and caching.  

9. **Notifications**  

   - SweetAlert2 and toastify notifications for CRUD operations and user feedback.  

10. **Animations**  

    - Framer Motion for smooth transitions and animations.  

---

## Tech Stack  

- **React.js**: Frontend library.  

- **Tailwind CSS**: For elegant and responsive UI.  

- **React Router DOM**: For routing and private route management.  

- **TanStack Query**: Efficient data fetching and state management.  

- **SweetAlert2 / Toastify**: Enhanced notifications.  

- **React Icons**: Beautiful icons for UI.  

- **Framer Motion**: Animations for better user experience.  

---

## Notable Commits  

- Added login & registration system with validation.  

- Integrated private routing with token persistence.  

- Designed the responsive apartment listing with pagination & search.  

- Implemented TanStack Query for GET requests.  

- Secured environment variables for Firebase.  

---

## Deployment  

Deployed on Firebase Hosting. Ensure domain is added to Firebase authentication settings.  

## Repository Links  

- [Server Repository](https://github.com/rohan26ir/Property-Pulse-server)