KidsPedia

Unleashing the Power of Education through Breaking Barriers

Comment

Inspiration

In recent years, the advancement of AI technology has revolutionised the landscape of different sector. Our team is inspired by the popular ChatGPT technology and want to use it to break down the education barriers of kids, hence promoting education equality.

What it does

KidsPedia is an online encyclopedia for children. Leveraging on the ChatGPT technology of OpenAI, KidsPedia provides simple and easy-to-understand answers with metaphors to kids’ questions. From apples to theory of relativity, KidsPedia explains them all! To enhance searching experiences, KidsPedia includes a read-out function to read out the answers to kids' questions. To fasten the search process, KidsPedia also stores search records in a database.

How we built it

  • React for building frontend user interface
  • Express.js for building the backend web server
  • PostgreSQL database for data persistence
  • Public RESTful API of OpenAI to generate explanation of keywords
  • Microsoft Azure Cognitive Services for performing the text-to-speech feature

Challenges we ran into

  • Long response time and uncertainty when calling RESTful API of OpenAI
  • CORS issue when connecting frontend to backend
  • Installing Docker and Docker compose to local machine

Accomplishments that we're proud of

  • Built a full stack web application that could explain concepts using easy-to-understand wordings
  • Used database for caching previous response form OpenAI API, to shorten the loading time when user makes a search on KidsPedia

What we learned

  • Collaborate using Git and GitHub
  • Using React hooks when building frontend
  • Making HTTP requests using Postman during development stage
  • Implement good design of RESTful APIs when building backend

What's next for KidsPedia

  • Develop android & iOS app version of KidsPedia so kids can use it with tablets, which is more user friendly to them compare to using a mouse and keyboard to control
  • Use algorithm to suggest relevant concepts, when user search for a keyword on KidsPedia
  • Enhance the UI of KidsPedia to be more attractive to kids (e.g. more colorful and animated effects)
Share this project:

Updates