Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/tariqkichawele/carhub
A frontend car-show we app built using RapidAPI
https://github.com/tariqkichawele/carhub
Last synced: 18 days ago
JSON representation
A frontend car-show we app built using RapidAPI
- Host: GitHub
- URL: https://github.com/tariqkichawele/carhub
- Owner: TariqKichawele
- Created: 2024-03-05T18:56:22.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-05-13T18:15:31.000Z (8 months ago)
- Last Synced: 2024-11-06T02:27:15.867Z (2 months ago)
- Language: TypeScript
- Homepage: https://car-showcase-rho-seven.vercel.app
- Size: 1.93 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# CarHub
Welcome to CarHub, a frontend application built with Next.js that showcases a collection of cars sourced from RapidAPI. With CarHub, users can explore various car models, search for specific cars, and apply filters to refine their search. The application is styled using Tailwind CSS and features a responsive design for seamless browsing across devices.
**Technologies Used**
**Frontend:**
- Next.js: A React framework for building server-side rendered (SSR) and static web applications.
- Tailwind CSS: A utility-first CSS framework for building responsive web interfaces.
**API Integration:**
- RapidAPI: A platform that allows developers to discover, connect to, and consume APIs for various services and data sources.
**Features**
- **Car Collection Showcase:**
Browse through a collection of cars with detailed information and images.
- **Search Functionality:**
Search for specific car models or manufacturers using the search bar.
- **Filtering:**
Apply filters such as car make, model year, price range, and more to refine search results.
- **Responsive Design:**
Enjoy a seamless browsing experience on desktop, tablet, and mobile devices.
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
# or
bun dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
## Learn More
To learn more about Next.js, take a look at the following resources:
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
## Deploy on Vercel
The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.