A modern and fully responsive real estate web application designed to provide seamless property management and booking experiences. This application offers features like property listings, favorites management, booking functionalities, easy navigation, and many more. Built with React, Prisma, MongoDB, and other cutting-edge technologies, it ensures high performance, accessibility, and SEO optimization. The app supports easy navigation, simple animations, and robust authentication for a secure, scalable solution.
💻 Used Technologies:
- Frontend: HTML, CSS, React.js, Mantine UI, React Query, Toastify
- Backend: Node.js, Express.js, Prisma, MongoDB
- Authentication: Auth0
- Deployment: Vercel
- Image Upload: Cloudinary
- State Management: React Query
- Other: Responsive design, Simple Animations, Cloud-based Storage
- Other Libraries / Tools:
Google Fonts
🌐Demo (Live Preview): https://full-stack-real-estate-web-app-depi-final-project.vercel.app/
📊 Presentation: click here (google slides)
- Fully Responsive Design: The application is designed to work flawlessly across all devices, from desktops to smartphones, offering a seamless experience on any screen size.
- Property Management: Users can browse properties, view details, and add them to their favorites list for quick access.
- Booking Functionality: The app allows users to book residencies easily with a clear and intuitive booking system.
- Favorites List: Users can add properties to their favorites list, manage their selections, and access their preferred listings at any time.
- High Performance: The app leverages React.js and Prisma to ensure fast load times, efficient data fetching, and minimal downtime.
- Authentication: Secure user authentication and authorization are handled by Auth0, providing a smooth login/signup process.
- Property Search & Filtering: Users can search and filter properties by various criteria, improving the user experience for finding specific listings.
- Image Uploads: Users can upload property images, stored securely using Cloudinary, allowing for dynamic and visually appealing property listings.
- SEO & Accessibility: The app is built with high SEO standards and accessibility features, ensuring that it ranks well on search engines and is usable by all users, including those with disabilities.
- Easy Navigation: Intuitive navigation for a seamless browsing experience through the website.
To download and run this project locally:
- Clone the repository: => git clone https://github.com/Ahmed-Maher77/Full-Stack-Real-Estate-Web-App__DEPI-Final-Project.git
- Navigate into the project directory: => cd Full-Stack-Real-Estate-Web-App__DEPI-Final-Project
- Install dependencies: => yarn install
- Set up environment variables: => Create a .env file in the root directory and add the required variables for MongoDB, Auth0, and Cloudinary (MongoDB URI, Auth0 domain and client ID, Cloudinary API details).
- Run the development server: => npm run dev
- Ahmed Maher Algohary (Me) ||Team Leader||: see me on LinkedIn
- Ahmed Abdallah Alqasapy
- Esraa Aziz
- Arwa Mahmoud
- Abdulhakim Osama
- Maryam Abdul Raheem
- Youmna Al-Saeed