Wind House

Wind House

  • React,
  • JavaScript,
  • TypeScript,
  • Node.js,
  • Express.js,
  • MongoDB,
  • Vite,
  • TailwindCSS,
  • DaisyUI,
  • React-Router,
  • React-Query,
  • Framer-Motion,
  • Recharts,
  • Chart.js,
  • React-Hook-Form,
  • React-Helmet-Async,
  • React-Icons,
  • React-Simple-Typewriter,
  • React-Spinners,
  • React-Bootstrap,
  • Leaflet,
  • React-Leaflet,
  • React-Google-Charts,
  • React-Responsive-Carousel,
  • Stripe-JS,
  • React-Stripe,
  • Hot-Toast,
  • ESLint,
  • PostCSS,
  • Autoprefixer,
  • Nodemon,
  • JSONWebToken,
  • Dotenv,
  • CORS,
  • Cookie-Parser
Gopal Basak
Gopal Basak Project Author

02/25/2025

Wind House (Building Management System (BMS)) is a comprehensive web-based platform designed to streamline the management and operation of a building’s various functionalities. The system caters to different types of users—admin, members, and regular users—each with distinct access levels and features. For users, it provides an intuitive and responsive interface that adapts seamlessly across mobile, tablet, and desktop devices. The platform’s main features include a dynamic home page with a banner, building details, coupons, and an interactive location map. Additionally, it offers separate dashboards for users, members, and administrators, with capabilities like profile management, viewing announcements, and specific functions tailored to each role. The system employs JWT-based authentication, ensuring secure login and persistent sessions for users. Wind House also includes key data management features, such as agreement handling, payment processing, and payment history, all managed through an efficient, real-time system. For notifications, the app uses toast notifications to keep users updated on CRUD operations and authentication events. Built using modern web technologies such as React, Express, MongoDB, Firebase, Tailwind CSS, Stripe, and Axios, the platform delivers a smooth user experience and robust functionality. It also leverages React Query for efficient data fetching and Framer Motion for animations, creating an engaging and performant app. To get started, you can clone the repository, install the necessary dependencies with npm install, configure your Firebase and MongoDB credentials, and launch the app locally with npm start. A live demo of the system is available at Wind House Live Site.