- Welcome to the React Real Estate App. This application is designed to showcase properties, provide detailed listings, and offer user profiles for a seamless real estate browsing experience.
-
Home Page : Start exploring properties right from the home page. It offers a curated selection of featured listings to catch the user's attention.
-
Listings Page : Dive deeper into available properties with our Listings Page. Browse through a comprehensive list of properties with filter options to refine your search according to your preferences.
-
Single Property Page : Get detailed information about a specific property by visiting its dedicated page. From images to descriptions, everything you need to know is just a click away.
-
Profile Page: Users can create profiles to save their favorite properties, track their search history, and manage their preferences for a personalized experience.
-
React : The app is built using React, a popular JavaScript library for building user interfaces.
-
React Router : We use React Router for declarative routing to navigate between different pages in the app.
-
React Leaflet : React Leaflet provides bindings between React and Leaflet. It does not replace Leaflet, but leverages it to abstract Leaflet layers as React components. As such, it can behave differently from how other React components work.
-
SCSS - For styling of the pages, I have used SCSS. SCSS stands for "Sassy CSS" (or "Syntactically Awesome Stylesheets"). It is a preprocessor scripting language that is a superset of CSS. This means that all valid CSS is also valid SCSS, but SCSS has additional features and capabilities that CSS does not.
- To get a local copy of the project up and running, follow these steps :-
- Clone this repository to your local machine.
- Install dependencies by running
npm installin the project directory. - Start the development server with
npm run dev. - Open http://localhost:5173/ to view the app in your browser.