REACT is a civic engagement platform that transforms the way communities address problems and create solutions. It combines AI-powered issue reporting (REACT) with community-driven action initiatives (ACT), ensuring that citizens are not just passive reporters but active problem-solvers.

Too often, urban challenges like broken infrastructure, inefficient services, and lack of public support go unaddressed. REACT provides a seamless way to report problems, mobilize solutions, and drive real impact—all while ensuring transparency, accountability, and community collaboration.

Identify and escalate local problems effectively:
✅ AI-powered issue categorization & prioritization
✅ Real-time tracking & status updates
✅ Confidential reporting for sensitive issues
✅ Community upvoting for urgent concerns
✅ Direct government & authority engagement

Go beyond reporting—be part of the solution:
✅ Create & support public causes (e.g., fixing roads, tree planting, fundraising)
✅ Volunteer & donate resources for community projects
✅ Launch awareness campaigns on critical social issues
✅ Collaborate with NGOs & government to drive change

Encouraging active participation through achievements:
🎖 "Reactor of the Month/Year" – Most impactful issue reporters
🏅 "Actor of the Month/Year" – Top community contributors
🌿 "Environmental Hero" – Outstanding eco-friendly initiatives
📊 Leaderboards & badges to track contributions and progress

frontend/
├── public/           # Static files
├── src/
│   ├── components/   # Reusable UI components
│   │   └── layout/   # Layout components
│   ├── config/       # Configuration files
│   ├── pages/        # Page components
│   │   └── ACT/      # Community action pages
│   ├── App.tsx      # Main application component
│   └── index.tsx    # Entry point
├── package.json     # Dependencies and scripts
└── tsconfig.json   # TypeScript configuration

backend/
├── src/
│   ├── config/           # Configuration files
│   ├── controllers/      # Route controllers
│   ├── models/          # MongoDB models
│   ├── services/        # Business logic
│   │   ├── wolfram/     # Wolfram Alpha integration
│   │   ├── analysis/    # Data analysis services
│   │   └── reports/     # Report processing
│   ├── middleware/      # Custom middleware
│   ├── routes/          # API routes
│   ├── utils/           # Helper functions
│   └── app.ts          # Express app setup
├── .env                # Environment variables
├── package.json       # Dependencies and scripts
└── tsconfig.json     # TypeScript configuration

• Frontend: React, TypeScript, Material-UI
• Backend: Express.js, TypeScript
• Database: MongoDB Atlas
• Analysis: Wolfram Alpha API
• Authentication: JWT-based
• API: RESTful with OpenAPI documentation

• AI-powered issue analysis and classification
• Real-time data processing and reporting
• Secure user authentication and authorization
• Community engagement tracking
• Campaign management
• Volunteer coordination
• Data visualization and analytics

• Node.js v18.17.1
• npm (comes with Node.js)

1. Clone the repository
2. Install dependencies:

   npm install

3. Copy .env.example to .env and update the variables if needed:

   cp .env.example .env

Run the development server:

npm run dev

npm run build

While the backend server is under maintenance, you can use these test credentials to access the app:

• Email: test@react.com
• Password: test123

These credentials will work even when the backend is offline, allowing you to test the app's frontend functionality.

Note: These are temporary test credentials and should not be used in production.

REACT is more than an app—it’s a revolution in civic engagement. Whether you’re reporting issues, driving change, or supporting public causes, your actions shape the future of your community.

Let’s report, engage, act, and transform—together! 🌍💡🚀