https://github.com/organique0/car-showcase

React, Next JS 13, TypeScript, Tailwind CSS
https://github.com/organique0/car-showcase

Last synced: 4 days ago
JSON representation

React, Next JS 13, TypeScript, Tailwind CSS

• Host: GitHub
• URL: https://github.com/organique0/car-showcase
• Owner: Organique0
• Created: 2023-08-26T18:00:09.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2023-08-27T23:05:07.000Z (over 1 year ago)
• Last Synced: 2024-11-15T20:15:01.787Z (2 months ago)
• Language: TypeScript
• Homepage: https://car-showcase-one-inky.vercel.app
• Size: 1.99 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
React, Next JS 13, TypeScript, Tailwind CSS

Very quick and simple project with the main focus on fetching data from APIs, displaying the data and allowing you to search and filter it.

This branch has the code that is moslty client rendered because of an anoying bug that scrolls the page to the top everytime you change a filter.

Tutorial by @javascriptmastery. 

Car images are from https://www.imagin.studio/car-image-api

They have an amazing api that allows you to access high quality car models that you can showcase them on your site.

The car data is from another api: https://rapidapi.com/apininjas/api/cars-by-api-ninjas.

This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).

## Getting Started

First, run the development server:

```bash

npm run dev

# or

yarn dev

# or

pnpm dev

```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.