Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/lansarbac2020/car-selling-buying-place
https://github.com/lansarbac2020/car-selling-buying-place
car-mark javascript postgresql reactjs tailwindcss
Last synced: 19 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/lansarbac2020/car-selling-buying-place
- Owner: Lansarbac2020
- Created: 2024-08-23T14:42:42.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-09-13T08:29:26.000Z (4 months ago)
- Last Synced: 2024-09-14T10:00:47.514Z (4 months ago)
- Topics: car-mark, javascript, postgresql, reactjs, tailwindcss
- Language: JavaScript
- Homepage:
- Size: 13.1 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# AutoHub: Your Car Marketplace: A React.js App with Vite, Drizzle ORM, Firebase, Clerck, Tailwind CSS, and SendBird
This repository provides a robust foundation for building a feature-rich car marketplace application. It leverages the following technologies:
- **Frontend:**
- **Vite:** High-performance bundler for rapid development and build times.
- **React.js:** Popular JavaScript library for building dynamic and interactive user interfaces.
- **Tailwind CSS:** Utility-first CSS framework for rapid and responsive styling.
- **Backend:**
- **Drizzle ORM:** Efficient Python library for managing data interactions with your database.
- **Database:**
- **Firebase (Storage):** Secure cloud storage for user-uploaded car images and other files.
- **Authentication:**
- **Clerck:** Streamlined authentication and authorization solution for users.
- **Real-time Communication:**
- **SendBird:** Scalable in-app messaging platform for buyer-seller interaction (optional).
**Installation:**
1. **Clone the repository:**
```bash
git clone [https://github.com/your-username/car-marketplace.git](https://github.com/your-username/car-marketplace.git)
2. **Configure Firebase**
- Create a Firebase project and obtain your project configuration details.
- Follow Firebase's documentation to set up authentication and storage rules
- Replace placeholder values in the project code with your actual Firebase configuration.
3. **Configure Clerck**:
- Create a Clerck project and obtain your public API key.
- Update the Clerck configuration in your code to use your API key.
4. **Configure SendBird** (Optional):
- Create a SendBird application and obtain your API keys.
- Integrate SendBird's SDK following their documentation. Configure the SDK within your React application.
5. **Configure Drizzle ORM**:
- Set up your database connection details (e.g., database URL, credentials) in the Drizzle configuration.
- Define your custom data models (car listings, users, etc.) within Drizzle.
6. **Usage**:
- Users can browse car listings,add cars-list view details, and contact sellers through SendBird (if integrated).
- Authentication and authorization are handled by Clerck.
- Car images and other files are stored securely in Firebase Storage.
7. **Contributing**
- All the contributions are welcome to this project!
- Please follow the standard Git branching and pull request workflow.
- Create separate pull requests for distinct changes.
- Ensure code style consistency and write clear unit tests.
**email**: [email protected]
<<<<<<< HEAD
=======
>>>>>>> 1d5e3c388757504725f45509e684ff3337151e43