Inspiration

Managing and keeping track of all the gifts you plan to buy and which you have already bought, while not exceeding your budget is a big task during the holiday season.
Here comes GiftSpace, where you can keep track of all the gifts you wish to buy along with the budget. Also you can keep track of the gifts which you have sent to deliver while sharing the tracking details with the recipient.

What it does

Login to set your budget from which you wish to buy gifts during the holiday season. Add details about your gifts which you wish to buy for someone. The expenses graph updates accordingly and shows your spend amount along with what amount you spent where in a smart-graphical form.
Also, there is a gifts tracker, where you can add details of your already purchased gifts along with the tracking number. Then you have an option to send the recipient a text SMS about the package details. All these features can help us in managing our gifts during the holiday season!

Sponsor Categories 🏆

  1. Best Holiday Dressed
  2. Coolest Hack
  3. Most Creative Use of Twilio: The project uses Twilio's SMS API to send the requested user, messages with the tracking and package details.
  4. Best Domain Name from GoDaddy Registry: https://www.gift-space.co/

How we built it ⚙️

  • The backend is built using Django. We built appropriate users, gifts and tracking models which stored the relevant information. All this information was served to the frontend using API Calls. Django Rest Framework was used in serializing the API.
  • The frontend is built using ReactJS. It fetched API calls to get data from the backend and serve the relevant information to the user. React-charts were used to build the 3D graphs.
  • The user authentication was handled with JWT (JSON web tokens)
  • Twilio's SMS API is used to send text messages to the requested user with the appropriate data. Currently, the Twilio sends message to only verified number as it is currently a trial account. However, we have applied for buying a phone number with an expected response time of 6 weeks. So, as soon as we get our own number, Twilio will be able to send SMS to anyone in the world
  • The backend was hosted on Heroku, while the frontend was hosted on Vercel, while the domain name was purchased from GoDaddy(through porkbun)

Challenges we ran into

  • Using Twilio's SMS API for the first time
  • Dynamically updating gifts data from the frontend
  • We had some trouble integrating the front-end and the back-end.
  • Responsiveness

Accomplishments that we're proud of 💪🏻

  • We were able to build a complete web app
  • Working for the first time with each other as a team
  • Used Twilio's SMS API for the first time
  • Bought a domain name for the first time and linking it with our hosted app at Vercel

What we learned 📖

  • Collaborating with others during a hackathon
  • Using Twilio's SMS API
  • Hosting web app's on Heroku, Vercel and buying domain name from porkbun(GoDaddy)
  • Working with Django and Django Rest Framework
  • Working with ReactJS

What's next for Gift Space ⏫

  • Better designing, styling, responsiveness
  • Adding send email/whatsapp message as well to the package tracker page
  • Buying a twilio phone number. Currently we use the trail number to send SMS
  • And many more ...
Share this project:

Updates