DEV Community

neerajk2
neerajk2

Posted on

4 2

Submission post for the Twilio Hackathon

Creating-JOY

It's an integrated interface to help you help others.

How Creating-JOY came about?

During this COVID 19 crisis, a lot many people want to donate and contribute to the people in need and the community at large. But I didn't find any relevant applications to do so, hence came Creating-JOY.

What I built?

We built an application that’ll bring all the individual donors as well as NGOs under one roof, to facilitate the queries raised by anyone to help the needy (being humans or animals alike).

Category Submission: Exciting X-Factors

An innovative idea that doesn't necessarily fit into any of the three categories but is definitely gonna help a lot many people in need. So, a winner in our eyes already!

Creating-JOY's value preposition:

  • Provision to list the queries to seek help which will include information such as query text, address along with a photograph of the being in need.
  • Provision to view queries for all the visitors.
  • Provision to post, like, dislike and accept the queries for registered users.
  • Provision to delete a query if it reaches the maximum dislikes limit (in our case 5) and to decrease the rating of the associated user who posted. Once a user reaches a minimum rating, they’ll be removed.
  • Provision to segregate queries based on categories
  • Provision to view requested as well as accepted queries by the registered user.

Some salient features:

  • Interface to post and accept the queries for registered users.
  • User verification using Twilio API.
  • A user can act as a donor or a requestor.
  • Like/Dislike and interact with queries.
  • Queries posted are viewable by all the visitors.

Link to Code

GitHub Repo
Go through the README.md to get additional details and setup information for your system.

How we built it:

So, we as a team planned strategically to materialize our vision in a short duration of time. Hence we decided to divide our work on two fronts, frontend and backend. From then on we had small tasks to be done everyday. And magically we reached our end goal.

What's the stack?

  • Frontend : HTML, CSS, Javascript, Thymeleaf, Bootstrap
  • Backend : Spring Boot
  • Database : H2 Database
  • Verification : Twilio Verify API

Additional Resources:

Screenshots : HOMEPAGE

Homepage

Screenshots : QUERIES

Queries Page

Future enhancements:

Adding GoogleMaps API to track queries and notify relevant donors.

Feedback

Thanks for reading, I hope you've liked the app. Your feedback is highly appreciated.

SurveyJS custom survey software

JavaScript UI Libraries for Surveys and Forms

SurveyJS lets you build a JSON-based form management system that integrates with any backend, giving you full control over your data and no user limits. Includes support for custom question types, skip logic, integrated CCS editor, PDF export, real-time analytics & more.

Learn more

Top comments (0)

SurveyJS custom survey software

JavaScript Form Builder UI Component

Generate dynamic JSON-driven forms directly in your JavaScript app (Angular, React, Vue.js, jQuery) with a fully customizable drag-and-drop form builder. Easily integrate with any backend system and retain full ownership over your data, with no user or form submission limits.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay