Skyline Haven

Welcome to Skyline Haven, a platform designed to provide users with a seamless experience for apartment and rental management. This website allows users to view, request, and manage apartments, and also enables admins to approve or reject rental requests.

Admin Credentials

• **Admin email:**bappi561@gmail.com
• Admin Password: Bappi56

Live Site URL

• Visit Skyline Haven

Features

1. User Registration and Login: Allows users to sign up and log into the platform securely.
2. Apartment Listings: Users can view available apartments with detailed information, such as location, rent, and features.
3. Request to Rent: Users can submit a rental request for a selected apartment.
4. Admin Dashboard: Admins can view, approve, or reject rental requests from users.
5. User Profile: Users have personal profiles to manage their rental history and preferences.
6. Search and Filter: Easily find apartments by filtering based on location, rent, or apartment features.
7. Dynamic Date Handling: Rental requests are displayed with dynamic date handling using moment.js.
8. Responsive Design: The website is fully responsive, ensuring a smooth experience on both mobile and desktop devices.
9. Real-Time Notifications: Users and admins receive notifications for request status updates.
10. Secure Authentication: Utilizes strong password validation for user and admin authentication.

Technologies Used

Frontend:

• React.js: JavaScript library for building user interfaces.
• Tailwind CSS: Utility-first CSS framework for responsive design.
• React Router: For handling navigation between pages.
• Axios: For making HTTP requests to the back-end.
• React Hook Form: For managing form states and validation.
• Firebase: For user authentication and database management.
• Moment.js: For date manipulation and formatting.
• Stripe: For payment processing.

Backend (using Node.js and Express.js):

• MongoDB: NoSQL database for storing user data, apartment listings, and requests.
• Stripe: For handling payments in the back-end.

Dependencies Used

"@stripe/react-stripe-js": "^3.1.1",

"@tanstack/react-query": "^5.64.1",

"axios": "^1.7.9",

"firebase": "^11.1.0",

"localforage": "^1.10.0",

"maplibre-gl": "^5.0.1",

"match-sorter": "^8.0.0",

"moment": "^2.30.1",

"pigeon-maps": "^0.22.1",

"react": "^18.3.1",

"react-dom": "^18.3.1",

"react-hook-form": "^7.54.2",

"react-hot-toast": "^2.5.1",

"react-icons": "^5.4.0",

"react-map-gl": "^7.1.8",

"react-paginate": "^8.2.0",

"react-router-dom": "^7.1.1",

"sort-by": "^1.2.0",

"sweetalert2": "^11.15.10",

"swiper": "^11.2.1"