The StrayCare web client is an administrative dashboard built with React, TypeScript, Vite, Material UI, React Router, and Recharts. It provides browser-based tools for managing users, donations, rescues, reports, notifications, and other platform operations.
StrayCare is an animal-welfare platform that helps people report stray animals, coordinate rescues, connect with rescuers and veterinary professionals, and support organizations through donations. This dashboard is one of three applications in the platform, alongside the Expo mobile client and the shared Node.js backend API with MongoDB and Socket.IO real-time services.
- Node.js and npm
- A running StrayCare backend for API-backed development
npm install
npm run devVite prints the local development URL, normally http://localhost:5173.
| Command | Purpose |
|---|---|
npm run dev |
Start the Vite development server |
npm run build |
Build the production bundle |
npm run lint |
Run ESLint |
npm run preview |
Preview the production build locally |
src- React application source, routes, components, and stylespublic- Static assets copied into the production bundledist- Generated output fromnpm run build
The repository includes firebase.json configured to deploy the dist directory and rewrite routes to index.html for client-side routing.
npm run build
firebase deployConfigure Firebase CLI authentication and project selection before deploying. Keep deployment credentials and environment-specific values out of version control.