A project that utilizes fake data generated using faker-js to create a mock listings API with Express, and a frontend built with React and Vite. The project showcases dynamic data rendering, filtering, and searching using react-bootstrap, react-router-dom, and axios, while applying concepts like useMemo, useContext, and useReducer.
MaxGo Task is a project that combines frontend and backend development to create a web application for browsing listings. It utilizes faker-js to generate mock listings data, sets up a Node.js API with Express to serve that data, and builds a dynamic frontend using React and Vite. The frontend showcases features such as sorting, filtering, and searching, providing users with a seamless experience when interacting with the listings data.
Before you begin, ensure you have the following installed:
- Node.js (v14 or later)
- npm (usually comes with Node.js installation)
-
Clone the repository:
git clone https://github.com/maazullah96/maxgo-task.
-
Navigate to the project directory and Install node_modles:
cd maxgo-task
npm install
- Navigate to the client project directory and Install client dependencies:
cd client
npm install- Start the dev Server
npm run dev