https://github.com/jagoda11/vehicle-data-fullstack-app

🚗 Explore the Vehicle-Data-FullStack-App, combining a Node.js Express backend for vehicle data APIs with a React front-end for interactive visualization. Perfect for building vehicle-related web apps. 🌐
https://github.com/jagoda11/vehicle-data-fullstack-app

List: vehicle-data-fullstack-app

api awesome-list backend bootstrap data-server express frontend fullstack fullstack-development javascript modern-javascript nodejs react react-dom rest-api vehicles

Last synced: 2 months ago
JSON representation

🚗 Explore the Vehicle-Data-FullStack-App, combining a Node.js Express backend for vehicle data APIs with a React front-end for interactive visualization. Perfect for building vehicle-related web apps. 🌐

• Host: GitHub
• URL: https://github.com/jagoda11/vehicle-data-fullstack-app
• Owner: Jagoda11
• Created: 2020-10-01T14:44:59.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2025-11-01T00:34:24.000Z (8 months ago)
• Last Synced: 2025-11-10T22:02:34.624Z (7 months ago)
• Topics: api, awesome-list, backend, bootstrap, data-server, express, frontend, fullstack, fullstack-development, javascript, modern-javascript, nodejs, react, react-dom, rest-api, vehicles
• Language: JavaScript
• Homepage:
• Size: 2.09 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 🚗 Vehicle Tracking System 🚗

![Last Commit](https://img.shields.io/github/last-commit/Jagoda11/Vehicle-Data-FullStack-App/master?style=flat-square&color=blue)

![Open Issues](https://img.shields.io/github/issues/Jagoda11/Vehicle-Data-FullStack-App?style=flat-square&color=orange)

![Build Status](https://github.com/Jagoda11/Vehicle-Data-FullStack-App/actions/workflows/npm-update.yml/badge.svg?branch=master)

This is a simple vehicle tracking system built with React and Express.js. The application fetches and displays a list of vehicles and their details.

## 🌟 Features 🌟

- 🚘 Displays a list of vehicles with their VIN number, registration number, owner, and online status.

- 📡 Fetches vehicle data from a backend server.

## 🛠️ Technologies Used 🛠️

- Frontend: React, React-Bootstrap

- Backend: Node.js, Express.js

## 🚀 Getting Started 🚀

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

### Prerequisites

- Node.js

- npm

### Installing

1. Clone the repository: `git clone https://github.com/Eric11/Vehicle-Data-FullStack-App.git`

2. Navigate to the frontend directory: `cd Vehicle-Data-FullStack-App/frontend`

3. Install the frontend dependencies: `npm install`

4. Start the frontend: `npm start`

5. Open a new terminal window or tab.

6. Navigate to the backend directory: `cd ../backend`

7. Install the backend dependencies: `npm install`

8. Start the backend server: `npm run start`

The frontend will start running at `http://localhost:3000` and the backend will start running at `http://localhost:4000`.

## 🧪 Running the tests 🧪

Run `npm test` in the respective frontend or backend directory to execute the unit tests.

## 📦 Deployment 📦

Run `npm run build` in the frontend directory to build the project for production.