CivicNet

• 

  User Dashboard

• 

  Submit Report

• 

  Admin statistics

• 

  Landing Page

• 

  Admin Dashboard

Inspiration

In our daily lives, we often encounter issues in our communities—like crime, water shortages, or electrical outages—that need immediate attention. However, the process to report these issues is usually cumbersome and lacks transparency. Inspired by the need for a more streamlined and accessible solution, we created CivicNet to empower citizens to easily report problems and enable authorities to resolve them effectively.

What it does

CivicNet is a web application where users can report various issues such as crimes, water leaks, or electricity outages in their community. The app allows authorities to review these reports, update the status, and resolve them quickly. Users receive real-time updates on the progress, ensuring transparency and accountability from the responsible authorities.

How I built it

We built CivicNet using Next.js for the frontend and backend, allowing us to take advantage of server-side rendering for better performance and SEO. User authentication is handled with NextAuth to ensure secure login and access control. We used PostgreSQL as our relational database, managed through Prisma, which provided a seamless way to interact with the database using TypeScript. For image uploads, we integrated Uploadthing to allow users to attach images with their reports, enhancing the clarity and detail of reported issues.

Accomplishments that I'm proud of

I am proud to have built a comprehensive reporting platform that is both user-friendly and secure. Successfully integrating multiple technologies like Next.js, NextAuth, PostgreSQL, Prisma, and Uploadthing was a significant achievement. We also created a responsive design that works well across devices and provides a seamless experience for both users and authorities.

What's next for CivicNet

Looking ahead, we plan to add geolocation features for more precise issue reporting, improve the notification system for instant updates. We also aim to expand our user base by partnering with local authorities and exploring more use cases within the community.

Built With

• nextauth
• nextjs
• postgresql
• prisma
• tailwind
• typescript
• uploadthing