This project is a simple one-page React website that displays a list of cars with details such as make, model, and model year. The data for the cars was generated using Mockaroo.

• React: The project is built using the React library for building user interfaces.
• TanStack Table v8: TanStack Table v8 is a powerful table library for React applications, providing features such as pagination, sorting, and filtering. It was used to implement the table functionality in this project.
• Luxon: Luxon is a library for working with dates and times in JavaScript. It was used to style the SQL dates from the data.
• Material-UI (Mui): Material-UI is a popular React UI framework for designing and developing web applications with a consistent and customizable design system.

The website includes the following features:

• Pagination: Allows users to navigate through multiple pages of car listings.
• Sorting: Enables users to sort the car listings based on different criteria such as make, model, and model year.
• Filtering: Provides options for users to filter the car listings based on specific criteria.

1. Clone the repository:

git clone [email protected]:cmwema/tanstackdemo.git

2. Install dependencies:

cd tanstackdemo
npm install

3. Run the development server:

npm start

4. Open http://localhost:3000 in your web browser to view the website.

• Mockaroo: Used for generating realistic test data for the car listings.
• TanStack Table v8: Leveraged for building the project with modern technologies and best practices.
• Luxon: Utilized for styling SQL dates from the data.

The UI design of the website is basic and not visually appealing. It serves as a demonstration of the functionality rather than a polished user interface. Further improvements can be made to enhance the design and user experience.

This project is licensed under the MIT License - see the LICENSE file for details.