Description: An application to search for local real estate listings. Reactjs is utilized to process data dynamically and render components within the DOM. The workflow includes Webpack, SASS, Gulp, and use of the CLI.
Programmed a filtering and sorting component that utilizes JavaScript functions to iterate through real estate listings and display a view based on criteria such as location, number of bedrooms, and extra features.
Connected the listing view component to modular logic that dynamically pulls data from a JSON file using state, lifecycles, and props to render two types of grid-like views.
Utilized the use of task runners like Gulp, bundlers, CSS preprocessors and Browsersync to automate repetitive tasks while reducing time taken for module testing.
To Run this project:
- Download or clone repo
- Run NPM install (Make sure you have Node installed and a text editor, as well as a command line)- this will download all of the dependencies and packages that went into building the project
- To run the project in the browser or update changes, run npm run watch
- Go to LocalHost:3000;