ReadWithMe is an AI-powered learning platform that gamifies how students read books to improve their reading comprehension. Through various gaming activities, engaging challenges, personalized feedback, and adaptive difficulty levels, ReadWithMe transforms the reading experience into an interactive and motivating learning process! 🎮📖
Our platform uses advanced natural language processing to generate relevant questions about the books students are reading. These questions range from basic comprehension checks to more complex analytical inquiries, encouraging students to think critically about the text they're studying. 🤔💡
ReadWithMe aims to address the literacy challenges faced by young learners, particularly in the Philippines. By using gamification and adaptive learning technologies, we make reading comprehension more engaging and accessible, ultimately helping students improve their skills in an enjoyable way. 🇵🇭📈
We're solving the problems of:
- Low literacy rates 📉
- Lack of interest in reading 😴
- Limited access to educational tools 🚫
By providing a scalable, interactive, and user-friendly platform! 🚀
- NPM/Yarn 📦
- Docker Desktop 🐳
- Juno CLI 🛰️
- Install dependencies:
npm install - Install Juno CLI:
npm i -g @junobuild/cli - Open Docker Desktop (if not installed, download from here) For Macs, a lightweight alternative is Orbstack
- Create and run the Docker container for the website:
juno dev start - In another terminal, run the website for testing:
npm run dev - To allow sharing the website on LAN:
npm run dev -- --host - Note: At first visit, there's a security warning because it uses HTTPS without a certificate. You can safely ignore it as it's only used to make the camera functionality work in LAN, especially on mobile.
- Create a satellite in the Juno console
- Open a terminal and login to the Juno CLI:
juno login - On the root of your project, open a terminal and build your project for deployment:
npm run build - Once your website is built (check for dist or build folder), then deploy your website to Juno:
juno deploy - To open your website, run:
juno open(You can also go to the Juno console to view the canister URL)
https://nh5bg-raaaa-aaaal-amqbq-cai.icp0.io
- Juno - Blockchain-as-a-service platform for deploying dapps onto ICP 🧊
- React - Front-end JavaScript library ⚛️
- Vite - Modern, fast build tool and development server ⚡
- Zustand - Small, fast, and scalable state management solution 🐻
- react-camera-pro - Universal Camera component for React 📷
- Tesseract.js - OCR engine for JavaScript 👁️
- HuggingFace - Platform to easily access machine learning models for various tasks 🤗
- Mistral AI - Advanced AI for natural language processing tasks 🧠
- ChatGPT - OpenAI's large language model designed for chatbots 🤖
- ElevenLabs - Text-to-speech AI platform 🎙️
- Tailwind CSS - Utility-first CSS framework 🌈
- Mantine UI - React components library 🧱
- Mel Mathew Palaña - Project Manager, DevOps Engineer, Database Administrator, Full-stack Developer 👨💻
- Jose Gabriel Cruz - Lead UI/UX Designer, Frontend Developer, Presenter 🎨
- John Carlo Paz - UI/UX Designer, Frontend Developer 🖌️
- Quiana Dayrit - Business Analyst, Content Manager, Presenter 📊
We would like to express our heartfelt gratitude to:
- Systems Plus College Foundation 🏫 - For providing us with the educational foundation and resources necessary to bring this project to life.
- ICTDU (Information and Communications Technology Development Unit) 💻 - For their unwavering support and guidance throughout every step of our journey.
Your belief in our potential and your continuous assistance have been instrumental in making ReadWithMe a reality. Thank you for giving us this incredible opportunity to make a difference in the field of education and literacy. 🌟
This project is licensed under the MIT license, see LICENSE.md for details.