Civic Connect
💡 Inspiration
I was going back to my home, when I saw a huge banner stating that my city would become a SMART CITY and just beneath it was a huge mountain of garbage becz there were no garbage bins, quite an Irony.
So when I though of what will make my city smart, then ther came a lot of factors like good infrastructure, education, transport, healthcare. But the most impoertant 2 factors are the GOVERNMENT and the GENERAL PUBLIC. So though of building an idea which could connect citizens directly to the govt and help becoming a smart city faster.
💻 What it does
- Through Civic Connect, citizens or general public can directly raise their issues to the government or authorities in power in their area.
- People can raise ISSUES and give a detailed description of the issue like an image for proof, description, address.
- Helpers would look into these issues and see if they are valid or not. If valid, they would APPROVE the issue
- Who are Helpers --> Socially Active people doing good work for society or government officials
- Once an issue is approved, the local government can start working on that issue and they would have to give regular updates on the issue
- Once worked on, helpers may close the issue and an issue can only be closed only when there are updates on the Issue.
- In this way, we can keep a check on how much work the Govt. is doing and citizens can make upmost contributions for their city and country.
⚙️ How we built it
- React.js
- Node.js
- Express.js
- MongoDB
- Mongoose
- Figma
- Postman
Best use of MongoDB Atlas
We have used MongoDb Atlas for storing our data, these are some of the features that we have used :-
- Mongoose Model :- We have created schemas for User, Helpers, Issues and Notifications.
- Using Pre Hooks :- Used pre hooks in Schemas to populate data while fetching and modifying data before storing in DB.
- Mongodb operators :- User operators like Push and Pull to update arrays in Database
Most creative use of Github
We collaborated and shared our code through a githib repo nad used these features :-
- Regular and small commits
- Raised Issues - Issues were raised for the bugs of enhancements that were found in the project throughout the hackathon
- Detailed Decumentation
Domain from Godaddy
Url -> http://civiccoonect.co
🧠 Challenges we ran into
- Integration of APIs
- Designing and prototyping in Figma
🏅 Accomplishments that we're proud of
- Since none of us have any prior major experience with designing in Figma, we overcame and built a fig ma mockup in 36 hours
- Made navbar with framer motion
- Completed and made fully functional prototype of project with api's .
📖 What we learned
- Working in group
- Learnt and used framer motion ,styled components and pop-up modal
- Learnt how to connect backend and frontend through API Integration
🚀 What's next for Civic Connect
- Adding comments in single issues page.
- Making an Android and IOS app


Log in or sign up for Devpost to join the conversation.