jinitmewada/gear-shifter-frontend repository overview

⁠Gear Shifter — Frontend

The frontend application for the Gear Shifter project, built with React and Vite and served using Nginx.

⁠🚀 Tech Stack

• React
• Vite
• JavaScript
• Nginx
• Docker

⁠✨ Features

• React-based user interface
• Vite-powered development and production build
• Production-ready static file serving with Nginx
• Dockerized frontend application
• Integration with the Gear Shifter backend REST API

⁠🐳 Docker

The frontend uses a multi-stage Docker build.

⁠Build Process

The Docker image is created in two stages:

1. Node.js is used to install dependencies and build the React application.
2. Nginx is used to serve the generated production build.

This keeps the final production image lightweight and optimized for serving static files.

⁠Docker Image

Pull the latest image from Docker Hub:

docker pull jinitmewada/gear-shifter-frontend:latest

To run container:

docker run -d \
  --name gear-shifter-frontend \
  -p 3000:80 \
  jinitmewada/gear-shifter-frontend:latest

The application will be available on:

http://localhost:3000