Welcome to the Property Listing App! This React application allows you to list and browse various properties with detailed information. It's a simple and intuitive way to manage property listings.
To get started with this app, follow the steps below:
Before you begin, make sure you have Node.js and npm (Node Package Manager) installed on your system. You can download and install them from the official Node.js website: https://nodejs.org/
-
Clone the repository to your local machine using the following command:
git clone https://github.com/Sheharyar-Khan401/property-listing.git
-
Navigate to the project directory:
cd property-listing
-
Install the dependencies by running:
npm install
To start the app, run the following command:
npm start
This will start the development server, and the app will be accessible at http://localhost:3000 in your web browser.
In the project directory, you can run the following scripts:
npm start
: Starts the development server.npm build
: Builds the app for production.npm test
: Launches the test runner.npm eject
: Ejects the app from Create React App configuration.
This app is built using several packages to enhance its functionality and development process. Here are the main packages used:
axios
: A promise-based HTTP client for making API requests.react
: The core library for building UI components in React.react-dom
: Provides methods for interacting with the DOM in a React app.react-icons
: A collection of popular icons for use in React applications.react-router-dom
: A routing library for handling navigation in a React app.react-scripts
: Scripts and configuration used by Create React App.web-vitals
: Tools to measure the performance of your app using web vital metrics.tailwindcss
: A utility-first CSS framework for building responsive and customizable UI components.
This app was developed during the difficult hours of my previous job, where I also had to manage demos and other responsibilities. Due to the limited time available (approximately 7 to 8 hours), the primary focus was on implementing core features and demonstrating proficiency in React development. Please review the code and take my efforts into consideration