1. Clone the repository

   git clone https://github.com/fms-faisal/skyview-apartments-client.git
   

2. Navigate to the project directory

   cd skyview-apartments-client
   

3. Install dependencies

    npm install
   

4. 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).