Two Guys Auto

A modern full-stack website built for Two Guys Auto Repair, a local automotive repair business in Winton, California.

---

Live Demo

Website available at:

https://twoguysauto.onrender.com

Overview

This Two Guys Auto Repair Website is a modern web application built to help customers learn about available automotive services, contact the shop, and submit service inquiries through an easy-to-use web interface.

It is designed with a clean, responsive user experience and a lightweight backend capable of handling customer inquiries and business communication.

Goals

• Showcase available automotive repair and maintenance services
• Provide a professional online presence for a local repair shop
• Support customer inquiries through a contact form
• Deliver a mobile-friendly and responsive experience
• Maintain fast performance and simple deployment

---

Features

• Responsive landing page
• Services section highlighting repair offerings
• Contact page with customer inquiry form
• Phone and location information
• Mobile-friendly responsive UI
• Backend API for contact submissions
• Email notifications using Resend
• Dockerized frontend and backend deployments
• Appointment scheduling system
• Customer portal
• Service history tracking
• Online estimate requests

---

Software Stack / Technologies Used

• Frontend: Next.js, React, TypeScript, Tailwind CSS
• Backend: FastAPI, Python
• Email Service: Resend
• Containerization: Docker
• Version Control: Git, GitHub
• CI/CD: GitHub Actions

---

Quickstart

Prerequisites

• Node.js 20+
• Python 3.12+
• uv
• Git

---

Installation

git clone https://github.com/flopez0294/two-guys-auto.git

# Frontend
cd frontend
npm install

# Backend
cd ../backend
uv sync

---

Running the Frontend

cd frontend

npm run dev

Frontend will be available at:

http://localhost:3000

---

Running the Backend

cd backend

uv run uvicorn app.main:app --reload

Backend will be available at:

http://localhost:8000

---

Environment Variables

Frontend

Create a .env.local file:

NEXT_PUBLIC_API_URL=http://localhost:8000

Backend

Create a .env file:

FRONTEND_URL=http://localhost:3000
RESEND_API_KEY=your_resend_api_key
RECIPIENT=your_email@example.com

---

Deployment

The project is containerized using Docker and automatically builds and publishes images through GitHub Actions.

Frontend and backend images are pushed to GitHub Container Registry (GHCR) on every push to the main branch.

---

Future Improvements

• Online appointment scheduling
• Automated service reminders
• Customer account management
• Analytics dashboard
• Service request tracking
• Google Maps integration