MENU

GET IN TOUCH

Back

Civix

Technologies Used

React.js, TypeScript, Tailwind CSS, Node.js, Express.js, MongoDB, Cloudinary, OpenStreetMap, Recharts, Natural NLP

Description

Civix is a full-stack digital civic engagement platform designed to bridge the gap between citizens, volunteers, and local authorities. Developed as a collaborative team project under the Infosys Springboard internship program, the system features a robust, role-based user hierarchy with a responsive React frontend and a secure Express/MongoDB REST API.

🌟 Core Platform Features:
  • Interactive Citizen Dashboard: A unified home page displaying live engagement stats, active complaints, petition status, and local polls.
  • Role-Based Portals: Dedicated user dashboards customized for Citizens, Volunteers, and Administrators/Officials with strict JWT-based request authorization.
  • Smart Geolocation & Mapping: Real-time location detection and interactive OpenStreetMap integration (via Leaflet) to select precise coordinates and addresses for signups and complaint submissions.
  • Complaints Management: Citizens can report community issues with category tags and photos (featuring client-side image compression before uploading to Cloudinary). Admins can assign complaints to volunteers for on-the-ground review.
  • Petitions Engine: Initiate and sign petitions with visual progress bars tracking signature goals, single-signature enforcement, official timelines, and status logs.
  • Live Polls & Surveys: Vote in geographic-targeted polls with real-time charts displaying vote distributions.
  • Visual Reports & Sentiment Analytics: Beautiful graphs tracking civic activity and NLP-based sentiment analysis of community feedback powered by the natural library.

My Role

Team Lead & Full Stack Developer (Backend focus)
I led a team of 6 developers under the Infosys Springboard internship program, directing the system architecture and leading the backend implementation:
  • Backend Architecture: Designed a robust, secure REST API using Node.js, Express, and MongoDB, complete with JWT auth, token blacklisting, and a pending-user verification queue.
  • Media & Mapping Integrations: Configured secure media pipelines with Cloudinary, integrated OpenStreetMap geocoding, and built SMTP mail services using Nodemailer.
  • NLP Sentiment & Analytics: Implemented a sentiment analysis engine using the Node natural library to evaluate positive/negative/neutral feedback from citizen reports.
  • Team Leadership: Managed Git branching strategies, delegated responsibilities, conducted code reviews, and orchestrated sprint check-ins for the development team.

Project Demo Video

buildwithVR