Apartment Billing and Management Portal
Apartment Billing and Maintenance Portal for residents and admins with user authentication, bill management, maintenance requests, announcements.
Preview Gallery
6 mediaTechnologies & Skills
Limited time offer
What's Included
Support & Customization
Resource Links
Purchase this project to unlock source and premium resources. Document/report remain secure preview-based on this page.
This project is a full-stack apartment management portal built with a React + Vite frontend and an Express + MongoDB backend. It enables residents to register, log in, view and pay bills, submit and track maintenance requests, read announcements, and manage their profile, while also providing admin dashboards for managing apartments, residents, billing, announcements, and maintenance workflows. The backend uses JWT authentication, role-based access control, Razorpay payment integration, and supports an in-memory MongoDB fallback for easier local setup. The frontend uses modern React routing, protected route handling, and a responsive user interface to deliver a complete apartment billing and maintenance experience.
Future Enhancements
Known Issues
Installation
# Installation Instructions
## System Requirements
- Node.js 18 or newer
- npm
- Browser (Chrome, Edge, Firefox)
- MongoDB Atlas connection or local MongoDB if you are not using the in-memory fallback
## 1. Backend Setup
```bash
cd "c:/Users/kalya/OneDrive/Desktop/APT billing and maintainence portal/backend"
npm install
```
Create `backend/.env` with:
```env
PORT=5000
MONGO_URI=your_mongodb_connection_string
RAZORPAY_KEY_ID=your_razorpay_key_id
RAZORPAY_KEY_SECRET=your_razorpay_key_secret
JWT_SECRET=your_jwt_secret
```
Start the backend:
```bash
npm run dev
```
## 2. Frontend Setup
```bash
cd "c:/Users/kalya/OneDrive/Desktop/APT billing and maintainence portal/frontend"
npm install
npm run dev
```
## 3. Open the App
Open the frontend in your browser:
```text
http://localhost:5173
```
## 4. Admin Credentials
Use the default admin login:
- Email: `admin@gmail.com`
- Password: `adminpassword`
## Notes
- If `MONGO_URI` is missing, the backend may fall back to an in-memory MongoDB instance for local testing.
- Make sure `JWT_SECRET` is set before starting the backend.
- For payment flows, set valid Razorpay API keys.
Usage
- Open the frontend URL shown by Vite in the browser:
- usually
http://localhost:5173
- Use the admin credentials:
- Email:
admin@gmail.com - Password:
adminpassword
- Resident users can:
- register
- log in
- view bills
- submit maintenance requests
- see announcements
- update profile
- Admin users can:
- manage apartments
- manage residents
- create and update bills
- manage announcements
- review maintenance requests
- Backend API runs on:
http://localhost:5000
System Requirements
System Requirements
- Node.js 18+ installed
- npm installed
- Browser for frontend (
Chrome,Edge,Firefox) - MongoDB Atlas connection or local MongoDB if not using in-memory fallback
- Internet for Razorpay API if payment flow is used
Slides Open in New Tab
For better readability, slides are opened directly. Documents remain preview-only with secure backend rendering.
Showing preview pages only. Purchase for full access to all pages and complete source package.
Login for Full AccessNo Q&A available yet
Be the first to ask a question!
Ask a Question
Customer Reviews
Write Your Review
No reviews yet
Be the first to review this project!
Similar Projects
You might also be interested in these projects
MedCare System
MedCare is a MERN Stack hospital management system that enables patients to book appointments and admins to manage doctors.
COCOMO Estimation Tool - using React JS and Flask Framework
Calculate the effort, time, and cost of software projects using the COCOMO model
Fin2Future – Gamified Financial Literacy Web Application
A financial literacy platform with secure authentication, interactive learning, quizzes, budgeting, and expense tracking.
Rezync – Resume Management Platform with Cloud Storage
A secure resume management platform that enables users to upload, organize, and manage resumes with JWT authentication and Cloudinary storage.