https://github.com/bdmostafa/automobile-searching-app

To run this project, follow the steps: Step 1. Clone this repo https://github.com/bdmostafa/automobile-searching-app.git Step 2. Command "npm install" Step 3. Then command "npm start"
https://github.com/bdmostafa/automobile-searching-app

context-api mongodb nodejs react-bootstrap react-hooks react-router react-router-dom reactjs

Last synced: 3 months ago
JSON representation

To run this project, follow the steps: Step 1. Clone this repo https://github.com/bdmostafa/automobile-searching-app.git Step 2. Command "npm install" Step 3. Then command "npm start"

• Host: GitHub
• URL: https://github.com/bdmostafa/automobile-searching-app
• Owner: bdmostafa
• Created: 2020-12-10T16:54:58.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2020-12-11T15:07:55.000Z (over 5 years ago)
• Last Synced: 2025-02-16T11:13:12.016Z (over 1 year ago)
• Topics: context-api, mongodb, nodejs, react-bootstrap, react-hooks, react-router, react-router-dom, reactjs
• Language: JavaScript
• Homepage: https://automobile-searching-app.netlify.app
• Size: 1.3 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 4
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
![Automobile Searching App](https://user-images.githubusercontent.com/62140337/101913509-483a4b80-3bed-11eb-923d-b1e9d7fb0df9.png)

![Automobile Searching App](https://user-images.githubusercontent.com/62140337/101913709-89caf680-3bed-11eb-84a9-3011a46ae4dd.png)

![Automobile Searching App](https://user-images.githubusercontent.com/62140337/101913798-aebf6980-3bed-11eb-882d-c15fe39ebafd.png)

![Automobile Searching App](https://user-images.githubusercontent.com/62140337/101916388-11fecb00-3bf1-11eb-97c2-bba167f4c50c.png)

# Automobile Searching App - A Full Stack MERN Project

### [Live Client](https://automobile-searching-app.netlify.app/)    

### [Live Server](https://automobile-searching-app.herokuapp.com)    

### [Server Source Code](https://github.com/bdmostafa/automobile-searching-app-server)

## Features

- Site is fully mobile friendly

- Users can search for a desired car. If no, returns "No Cars"

- Users can add a new car, see the details, edit and delete the car info

- All the cars are listed in MongoDB and shows in the UI

- Searching result is loaded from state management, not loading from the DB/server

- Different type of data parameters is added with a car like features, reviews, types, prices, stars, kilometres, model, colour and so on.

### Technologies Used 

- React.js

- React-Hook

- React-Router

- React-Preloaders

- Base64

- Node.js

- MongoDB

- React Spinner

- Express.js

- React-Bootstrap

- Netlify Hosting

- Heroku Server