Wind House

Wind House is a comprehensive Building Management System (BMS) designed to streamline the management and operation of a single building's functionalities. It offers distinct features for users, members, and administrators, ensuring a seamless experience for all involved parties. The system integrates modern web technologies to provide a responsive, intuitive, and efficient platform.

Live Site URL

Wind House

Major Features:

• Home page with dynamic banner, building details, coupons, location map, and footer.

• Dashboards User, Member, and Admin dashboards with profile management, announcements, and specific functionalities.

• Authentication JWT-based authentication and authorization with persistent login.

Features

• Home page with dynamic banner, building details, coupons, location map, and footer.

• Apartment page with pagination and agreement functionality.

• User Dashboard with profile and announcements.

• Member Dashboard with profile, payment, payment history, and announcements.

• Admin Dashboard with profile, manage members, make announcements, agreement requests, and manage coupons.

• JWT-based authentication and authorization.

• Responsive design for mobile, tablet, and desktop views.

• Toast notifications for CRUD operations and authentication status.

• Axios interceptor for handling API requests

• Efficient data fetching using tanstack/react-query.

• Animations using framer-motion.

• Firebase authentication and MongoDB for database.

Admin Credentials

• Username: [email protected]
• Password: 1234aA

Key Rules

• Responsive Design: Ensures the application is usable on mobile, tablet, and desktop

• JWT Authentication: Secure login with tokens stored in localStorage.

• Data Persistence: After reloading a private route, the user remains logged in.

• Environment Variables: Sensitive credentials are hidden using environment variables.

• Notification System: Uses toast notifications for all CRUD operations and authentication events.

npm Packages Used

• vite
• react-router-dom
• mongoDB
• express
• cors
• tailwindcss
• daisyui
• animate.css
• react-icons
• react-responsive-carousel
• firebase
• react-hook-form
• react-hot-toast
• strip
• tanstack/react-query
• axios
• framer-motion
• recharts
• react-spinners
• react-helmet-async

Installation

1. Clone the repository.
2. Run npm install to install dependencies.
3. Configure Firebase and MongoDB credentials in .env file.
4. Run npm start to start the development server.
5. Access the website in your browser at http://localhost:5000

License

This project is licensed under the MIT License.

Wind House provides a robust and feature-rich platform for managing building operations, ensuring efficiency and ease of use for all its users.