https://github.com/codewithnj/hearing-aid-oms-frontend
https://github.com/codewithnj/hearing-aid-oms-frontend
Last synced: 10 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/codewithnj/hearing-aid-oms-frontend
- Owner: CodeWithNJ
- Created: 2025-08-20T18:46:57.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2025-08-21T09:57:00.000Z (10 months ago)
- Last Synced: 2025-08-21T11:48:02.098Z (10 months ago)
- Language: JavaScript
- Size: 37.1 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Hearing Aid OMS - Frontend
This is the **frontend application** for the Hearing Aid Order Management System (OMS).
It is built using **React (with Vite as the build tool)**, styled with **Tailwind CSS**, and uses **React Router** for routing.
The project is configured with **ESLint** for linting and **React Hook Form** for form management.
---
## 🚀 Tech Stack
- **[React 19](https://react.dev/)** – UI library
- **[Vite 7](https://vitejs.dev/)** – Next generation frontend tooling
- **[React Router 7](https://reactrouter.com/)** – Client-side routing
- **[Tailwind CSS 4](https://tailwindcss.com/)** – Utility-first CSS framework
- **[Axios](https://axios-http.com/)** – HTTP client for API calls
- **[React Hook Form](https://react-hook-form.com/)** – Form handling
- **[ESLint 9](https://eslint.org/)** – Linting with React-specific rules
---
## 📦 Project Setup
Clone the repository:
```bash
git clone https://github.com/CodeWithNJ/hearing-aid-oms-frontend.git
cd hearing-aid-oms-frontend
```
## Install dependencies
```
npm install
```
## Run the project in development mode with hot module replacement (HMR):
```
npm run dev
```
## 📂 Project Structure (suggested)
```hearing-aid-oms-frontend/
├── public/ # Static assets
├── src/
│ ├── assets/ # Images, icons, etc.
│ ├── components/ # Reusable UI components
│ ├── pages/ # Page-level components
│ ├── routes/ # Routing configuration
│ ├── hooks/ # Custom React hooks
│ ├── services/ # API calls (Axios)
│ ├── App.jsx # Root component
│ └── main.jsx # Entry point
├── eslint.config.js # ESLint configuration
├── package.json # Dependencies and scripts
├── vite.config.js # Vite configuration
└── README.md
```