A robust web application for streamlining maintenance service requests across various industries.
- Frontend: React with TypeScript
- Build Tool: Vite
- Styling: Tailwind CSS + shadcn/ui
- Routing: React Router
- State Management: React Hooks
- Service Catalog Management
- Appointment Scheduling
- Real-time Service Status Updates
- Contractor Management
- Analytics Dashboard
- Multi-language Support
- Responsive Design
src/
├── components/ # Reusable UI components
├── pages/ # Page components
├── context/ # React context providers
├── hooks/ # Custom React hooks
├── data/ # Data models and mock data
├── utils/ # Utility functions
├── styles/ # Global styles and theme
└── types/ # TypeScript type definitions
- Node.js (v18+)
- npm or Yarn
# Clone the repository
git clone https://github.com/goodsmash/Maintenances.git
# Navigate to project directory
cd Maintenances
# Install dependencies
npm install
# Start development server
npm run dev# Development
npm run dev # Start development server
npm run build # Build for production
npm run preview # Preview production build
npm run lint # Run ESLint
npm run test # Run testsRequired environment variables:
VITE_SUPABASE_URL=your_supabase_url
VITE_SUPABASE_ANON_KEY=your_supabase_anon_key
VITE_STRIPE_PUBLISHABLE_KEY=your_stripe_key
VITE_GOOGLE_MAPS_API_KEY=your_google_maps_key
Copy .env.example to .env and configure:
VITE_API_URL=your_api_url
VITE_GOOGLE_MAPS_KEY=your_google_maps_key- Build the project
npm run build- Static Site Hosting
- GitHub Pages
- Netlify
- Vercel
- Purchase domain on Namecheap
- Point DNS to hosting provider
- Configure SSL certificate
Configured GitHub Actions workflow for automatic deployment
Please read CONTRIBUTING.md for details on our code of conduct and the process for submitting pull requests.
This project is licensed under the terms specified in LICENSE.