Welcome to Maple Ridge, your premier destination for exploring real estate listings tailored to your specific needs. Choose from our curated selection of properties in one of the following categories:
- Residential: Single-family homes, townhouses, apartments, student housing, senior living communities, vacation rentals, and more.
- The home page will have a navbar with active routes.
- The navbar will contain the Website name, Home, Update Profile, and user profile.
- If a user is logged in, the user image will show on the Navbar, and when you hover over the user image, it will show the user name.
- If the user is not logged in, it will show a login button.
- If a user is logged in, show the user image and a logout button.
- The login page will have Email, Password, Google login, and GitHub/Facebook/Twitter login.
- Implement password and email-based authentication.
- Include a link that will redirect to the Register page.
- Show an error if the email and password do not match.
- The register page will have Name, Email, photoURL, password, and a link to the login page.
- Implement password verification with specific requirements.
- Show an error/toast if password verification fails.
- Added a slider with a minimum of 3 slides.
- Include a footer with all relevant information and an eye-catching design.
- Ensured the Navbar and Footer are showing on all pages.
- Choose a category (e.g., Residential) and create a JSON with minimum 4 and maximum 9 data for that category.
- Each estate card will contain relevant information and a "View Property" button.
- Ensure the Navbar and Footer are showing on all pages.
- When the user clicks the "View Property" button, it takes them to the Estate Details page.
- This page will be a protected route.
- Showed detail information about the selected estate.
- Create a 404 page/not found page.
- Add 1 more extra private/protected route with meaningful and relevant content.
- Implement a dynamic title for each page.
- Once a user is logged in, user information will show on the navbar even if they reload the website.
- Show a loader when the logged-in user info is in a loading state.
- React.js, Tailwind, Firebase, Tenstack Query.
- react-icons - For adding icons to the website.
- react-toastify - For displaying toast notifications.
- react-id-swiper - For implementing Swiper slider.
- react-leaflet - For integrating maps into the website.
- daisyui - For adding UI components and styling.
- tailwindcss - For styling the website with a utility-first CSS framework.