Stephen Minakian
7b596a9d73
- Create AuthContext and AuthProvider for auth state management - Create useAuth hook for easy access to auth state - Create ProtectedRoute component to guard authenticated routes - Create Login page with Google sign-in button and error handling - Create useActivityTracker hook for frontend activity logging - Update App.jsx to protect all routes and add user display/logout - Update main.jsx to wrap app with AuthProvider - Add credentials: 'include' to all API fetch calls
React + Vite
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh
Expanding the ESLint configuration
If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the TS template for information on how to integrate TypeScript and typescript-eslint in your project.