Logo Lanfrica

Dhysna/autodealafrica

Domain:

socioeconomic

Record type:

software
Creator:
Dhy
Host:
Modern car listing directory platform for buying and selling cars in Africa - Built with React, Node.js, Express, and MongoDB # Autodealafrica πŸš— A modern car listing directory platform for buying and selling cars across Africa. ## Features - πŸ” **Advanced Search & Filters** - Search by brand, model, price, fuel type, transmission - πŸ“ **Easy Listing** - Add your car listings with detailed information - πŸ’Ό **Dealer Directory** - Browse through quality vehicles from trusted dealers - πŸ“± **Responsive Design** - Works seamlessly on desktop and mobile devices - ⚑ **Fast & Lightweight** - Built with React and Express for optimal performance - 🎨 **Modern UI** - Clean and intuitive user interface ## Tech Stack ### Frontend - **React 18** - UI library - **Vite** - Build tool and dev server - **Axios** - HTTP client - **CSS3** - Styling ### Backend - **Node.js** - Runtime environment - **Express** - Web framework - **MongoDB** (optional) - Database - **Mongoose** - ODM for MongoDB - **CORS** - Cross-origin resource sharing ## Project Structure ``` autodealafrica/ β”œβ”€β”€ backend/ β”‚ β”œβ”€β”€ models/ β”‚ β”‚ └── Car.js β”‚ β”œβ”€β”€ routes/ β”‚ β”‚ └── cars.js β”‚ β”œβ”€β”€ .env.example β”‚ β”œβ”€β”€ package.json β”‚ └── server.js β”œβ”€β”€ frontend/ β”‚ β”œβ”€β”€ src/ β”‚ β”‚ β”œβ”€β”€ components/ β”‚ β”‚ β”‚ β”œβ”€β”€ Header.jsx β”‚ β”‚ β”‚ β”œβ”€β”€ SearchBar.jsx β”‚ β”‚ β”‚ β”œβ”€β”€ CarList.jsx β”‚ β”‚ β”‚ β”œβ”€β”€ CarCard.jsx β”‚ β”‚ β”‚ β”œβ”€β”€ CarForm.jsx β”‚ β”‚ β”‚ └── Footer.jsx β”‚ β”‚ β”œβ”€β”€ App.jsx β”‚ β”‚ β”œβ”€β”€ App.css β”‚ β”‚ β”œβ”€β”€ index.css β”‚ β”‚ └── main.jsx β”‚ β”œβ”€β”€ index.html β”‚ β”œβ”€β”€ package.json β”‚ └── vite.config.js β”œβ”€β”€ .gitignore └── README.md ``` ## Installation & Setup ### Prerequisites - Node.js (v16 or higher) - npm or yarn - MongoDB (optional, works with sample data without database) ### 1. Clone the Repository ```bash git clone cd autodealafrica ``` ### 2. Backend Setup ```bash cd backend npm install ``` Create a `.env` file in the backend directory: ```env PORT=5000 MONGODB_URI=mongodb://localhost:27017/autodealafrica NODE_ENV=development ``` **Note:** If you don't have MongoDB installed, the app will work with sample data. Start t …