This repository contains the frontend code for the PUC (Pollution Under Control) Project, implemented as a Progressive Web App (PWA) using Next.js 14.
These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.
- Node.js 14.x or later
- npm
-
Clone the repository:
git clone https://github.com/Vedarth1/ECOWATCH cd ECOWATCH -
Install dependencies:
npm install -
Run the development server:
npm run dev -
Open http://localhost:3000 with your browser to see the result.
This project is set up as a Progressive Web App, which means it can be installed on mobile devices and desktops, and can work offline. Key PWA features include:
- Offline functionality
- Install prompts on compatible devices
- Fast loading times
- Push notifications for important updates
- Next.js 14 - The React Framework for Production
- React - A JavaScript library for building user interfaces
- next-pwa - PWA plugin for Next.js
- Progressive Web App functionality
- Real-time updates of vehicle information
- Dynamic dashboard for authorities
- Vehicle status monitoring
- Detailed reports and analytics
- Search functionality for specific vehicles
- User authentication and authorization
- Responsive design for various device sizes
- Interactive charts and graphs for data visualization
- Notification center for important alerts
- User activity logs
- Settings panel for application customization
To deploy your Next.js PWA, you can use services like Vercel, which is optimized for Next.js:
vercel
Alternatively, you can build the project and deploy it to any static hosting service:
npm run build
Then deploy the out directory to your hosting service.
This application is optimized for performance:
- Server-side rendering for faster initial load
- Code splitting and lazy loading of components
- Optimized images and assets
- Efficient state management
- Memoization of expensive computations