CivicIssues

• 

  post viewing page

• 

  mission statement page

• 

  auth page

• 

  issue creation page

Inspiration

We were inspired to make this project because we observed that in the current digital age, online communication has largely become so far-reaching that there are few platforms available for community-based local or neighborhood information.

What it does

CivicIssues provides a platform where users can post issues pertaining to a specific location. Other users can then view these posts and upvote the ones they think are most important.

How we built it

We used React, Next.js, Shadcn UI, Tailwind for the frontend, and Mapbox API, Cloudflare D1, Kinde for the backend

Challenges we ran into

We had challenges with integrating the backend maps into the UI, as well as connecting the entire frontend with the Cloudflare database.

Accomplishments that we're proud of

We are proud of being able to unify many frontend and backend frameworks into a working full-stack application.

What we learned

We learned many new useful technologies such as Mabox, Cloudflare, and Kinde, as well as new UI libraries like Shadcn utilizing Tailwind. We also learned how to use these technologies in conjunction with each other to create various functionalities.

What's next for CivicIssues

In the future, we plan to expand CivicIssues by offering more interfaces like a big map interface that compiles all nearby issues, as well as filter options such as sorting issues by upvote/downvote ratio or how new they are.

Built With

• cloudflare-d1
• kinde
• mapbox
• nextjs
• react
• shadcn
• tailwind