Citizens Resolve is a comprehensive web application designed to manage and report issues efficiently. The app is built using React, Vite, and Tailwind CSS, and includes backend features for robust data handling and synchronization. This app also supports offline capabilities to ensure continuous usability even without internet connectivity.
- Features
- Pages
- Additional Features
- Offline Capabilities
- Setup and Installation
- Technologies Used
- Contributing
- License
- View user information
- List of submitted issues
- Edit profile option
- Text area for comments
- Display comments with user information
- Alert for new messages
- Notification icon in header
- Home
- Report Issue
- My Issue Page
- Issue Detail
- Help & Support Page
- User Profile Page
- Contact Us
- Login/Sign Up
- All Issues Page
- Admin Dashboard
- Responsive Design (Compulsory)
- Multi-Language Support
- Light & Dark Themes
- Data Security
To ensure usability during network outages, the app includes the following offline capabilities:
- Cache essential assets and API responses
- Serve cached content when offline
- Implement using vite-plugin-pwa for easy setup
- Use IndexedDB for offline data storage
- Synchronize local data with the backend when the user is back online
- Display offline notification banners
- Style offline-related UI elements using Tailwind CSS
- Create a manifest file to make the app installable on mob
- Define app name, icons, start URL, and theme colors
- Emergency Contacts
- Store emergency contact information locally for offline access
- Implement one-touch dial feature for quick access
- Offline Forms
- Allow users to fill and submit forms offline
- Save drafts for later editing and submission
- Content Synchronization
- Automatically sync data with the backend when online
- Ensure the latest content is available offline
- Clone the repository:
git clone https://github.com/yourusername/citizens-resolve.git cd citizens-resolve
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent