-
Clone the repository
git clone https://github.com/fms-faisal/skyview-apartments-client.git -
Navigate to the project directory
cd skyview-apartments-client -
Install dependencies
npm install -
Run the development server
npm run dev
The Skyview Apartments is a robust web application designed to manage various aspects of a building, including user and admin functionalities. The system is built using modern web development technologies and includes features such as user authentication, CRUD operations, and responsive design.
The user dashboard provides a personalized interface for users to view their profiles, make payments, and access announcements. It includes features such as:
- Profile Information: Displays name, image, and email.
- Agreement Details: Shows agreement accept date and rented apartment details.
- Payment History: Includes search functionality for payment records.
The system allows users to view and apply for apartments, which includes:
- Apartment Details: Displays image, floor number, block name, apartment number, and rent.
- Agreement Button: Allows users to apply for an apartment.
- Pagination: Facilitates easy navigation through apartment listings.
The admin dashboard provides a comprehensive interface for administrators to manage various aspects of the system, including:
- Manage Members: View and remove members.
- Make Announcements: Create and manage announcements.
- Agreement Requests: View and manage apartment agreement requests.
- Manage Coupons: View and add coupons.
The system includes a payment feature that allows users to make payments and apply coupons. It includes:
- Payment Form: Fields for member email, floor, block name, apartment number, rent, and month.
The system is designed to be responsive for all devices, including mobile, tablet, and desktop views.
- React Slider: Implements an automatic sliding banner showcasing building/apartment images.
- React: A popular JavaScript library for building user interfaces.
- React Slider: For implementing the dynamic banner.
- React Map: To provide details about the apartment's location.
- Node.js: A JavaScript runtime environment.
- Express.js: A popular web framework.
- MongoDB: A NoSQL database used to store user and apartment information.
- TanStack Query: Efficient data fetching and caching.
- Axios: A popular JavaScript library for making HTTP requests to interact with the backend API.
- JWT (JSON Web Tokens): Used for user authentication and stores the token in local storage.
Building Management System Live Site
- Server Side GitHub Repository: Server Repository
- Admin Email: [email protected]
- Admin Password: admin12345
- please refresh once after logging in as admin* (I will fix this issue in the next update).