https://github.com/otabek7/cargram

CarGram is a vibrant web platform for car enthusiasts to share their builds, modifications, and experiences.
https://github.com/otabek7/cargram

mongodb-atlas nodejs npm react reactcontextapi tailwindcss

Last synced: about 2 months ago
JSON representation

CarGram is a vibrant web platform for car enthusiasts to share their builds, modifications, and experiences.

• Host: GitHub
• URL: https://github.com/otabek7/cargram
• Owner: otabek7
• Created: 2025-07-21T14:50:56.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2025-07-21T14:53:55.000Z (10 months ago)
• Last Synced: 2025-07-21T16:33:03.983Z (10 months ago)
• Topics: mongodb-atlas, nodejs, npm, react, reactcontextapi, tailwindcss
• Language: JavaScript
• Homepage:
• Size: 36.8 MB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          


CarGram is a vibrant web platform for car enthusiasts to share their builds, modifications, and experiences. Our mission is to connect people passionate about cars, foster learning, and celebrate automotive creativity. Join CarGram to showcase your ride, get inspired, and make new friends!

[![Issues](https://img.shields.io/github/issues/otabek7/CarGram)](https://github.com/otabek7/CarGram/issues)

[![Pull Requests](https://img.shields.io/github/issues-pr/otabek7/CarGram)](https://github.com/otabek7/CarGram/pulls)

[![Repo Size](https://img.shields.io/github/repo-size/otabek7/CarGram)](https://github.com/otabek7/CarGram)

## Features

- Share and browse car builds and modifications

- Participate in community threads and forums

- Responsive, modern UI with parallax and animation effects

## Tech Stack

- **Frontend:** [![React](https://img.shields.io/badge/React-%2320232a.svg?logo=react&logoColor=%2361DAFB)](#) [![Vite](https://img.shields.io/badge/Vite-646CFF?logo=vite&logoColor=white)](#) [![TailwindCSS](https://img.shields.io/badge/Tailwind%20CSS-%2338B2AC.svg?logo=tailwind-css&logoColor=white)](#) [![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?logo=javascript&logoColor=000)](#)

- **Backend:** [![Node.js](https://img.shields.io/badge/Node.js-339933?logo=nodedotjs&logoColor=white)](#) [![Express](https://img.shields.io/badge/Express.js-000000?logo=express&logoColor=white)](#)

- **Routing:** [![React Router](https://img.shields.io/badge/React_Router-CA4245?logo=react-router&logoColor=white)](#)

- **Package Management:** [![npm](https://img.shields.io/badge/npm-CB3837?logo=npm&logoColor=fff)](#)

- **State Management:** React Context API

- **Database:** [![MongoDB](https://img.shields.io/badge/MongoDB-%234ea94b.svg?logo=mongodb&logoColor=white)](#)

- **Assets:** Custom images and logos

## Getting Started

1. Clone the repository: _**git clone https://github.com/otabek7/cargram.git**_

2. Install dependencies: _**cd cargram/client npm install**_

3. Start the development _**server: npm start**_

## Folder Structure

- `client/src/components/` – React components (Navbar, Footer, AboutUs, etc.)

- `client/src/assets/` – Images and static assets

---

© 2025 CarGram. All rights reserved.