Capstone Project • Frontend Application
This repository contains the frontend of my full-stack capstone project. It is built with React and Vite and provides the user interface that communicates with a custom backend API.
The frontend is responsible for:
- Rendering the user interface
- Managing client-side state
- Handling user interactions
- Sending requests to the backend API
- Displaying data returned from the server
This app is built with performance and modularity in mind using modern React tooling.
| Technology | Purpose |
|---|---|
| React | Component-based UI |
| Vite | Fast build tool and dev server |
| JavaScript (ES6+) | Application logic |
| HTML / JSX | Markup and components |
| CSS | Styling |
👉 Backend API:
https://github.com/msgem0523/capstonebackend
├── src/ – React components and logic ├── public/ – Static assets ├── index.html – App entry point ├── package.json – Dependencies and scripts └── README.md – Documentation
- Clone the repository:
git clone https://github.com/msgem0523/capstonefrontend.git cd capstonefrontend - Install dependencies:
npm install
- Start the development server:
npm run dev
- Open the browser at: http://localhost:5173
🧩 Learning Outcomes
Through this project, I practiced:
✔ Building a React application from scratch ✔ Using Vite for modern frontend tooling ✔ Managing component state and props ✔ Connecting a frontend to a backend API ✔ Structuring a scalable frontend project
✨ Author
TeMecha Griffin (MsGem0523) Aspiring Software Engineer | Frontend & Backend Developer