Inspiration

On one fine day, at the Deck canteen, I was casually queuing for a spaghetti with spinach and an egg hoping to fill my already starved stomach after a long CS2100 tutorial, I realised to my dismay that I had lost my wallet. Hence, I went to the NUS Lost and Found Telegram group chat and saw that there were many messages flowing into the group chat. Hence, I had to repeatedly scroll to find the item I lost as it was drowned in hundreds of messages. Thus, I wanted to create a telegram bot which effortlessly converts into a responsive website with good UI design for easy access and use.

What it does

The telegram bot, RollyAI which with a touch of a button, seamlessly creates a website with a compiled lists of items that were lost and found. The website also has a great UI design which allows one to search for items that were found that are tagged and the post would also include a button which opens a direct message to the person who found the item. This creates a lot of convenience for those who lost their items and allows seamless transactions of items.

How we built it

For frontend development, we used react and tailwind css to create the cards which are the compiled data from the telegram chat. We also created a subscribe button at the top right corner so that one can be immediately notified when the item they are looking for is posted in the chat. A feedback button is also made at the bottom of the website so that we can update and make any changes in the future. To compile the data, we linked the data from the chat to Google Firebase where the website retrieves the data.

Challenges we ran into

  • time constraints
  • sleep constraints
  • trying to navigate the Telegram bot API without prior experience was painful cries

Accomplishments that we're proud of

  • creating a socially useful product :)
  • writing long lines of code!
  • learning new languages for the first time

What we learned

  • we learnt react and tailwind css for the first time
  • we learnt for to link to firebase for the first time
  • what is sleep

What's next for RollyAI

We also plan to add new features such as:

  • search bar
  • filter by category of items, date and tags
  • dropdown list of categories in the search bar

Built With

Share this project:

Updates