LexiLeap is an innovative vocabulary learning tool designed for non-native English speakers. It seamlessly integrates into your daily web browsing experience, making language learning effortless and contextual.
Follow these simple steps to test out the LexiLeap Chrome extension:
-
Open your command prompt or terminal.
-
Clone the repository by typing:
git clone git@github.com:mohdlatf/FalconAI-Hackathon.git
-
Navigate to the cloned folder: cd FalconAI-Hackathon
-
Open Google Chrome and go to
chrome://extensions/ -
Enable "Developer mode" in the top right corner.
-
Drag and drop the
extensionfolder from the FalconAI-Hackathon directory directly into the Chrome extensions page. -
You're all set! The LexiLeap extension should now be installed and ready to use.
- 🧠 AI-powered definitions and examples
- 🖱️ One-click word saving
- 🔍 Automatic word highlighting across websites
- 💡 Hover-over functionality for quick meaning recall
- 👤 Personalized word banks
The project consists of three main components:
- 🌐 Chrome Extension
- 📱 Mobile App
- 🖥️ Backend Server
The Chrome extension is the core component of LexiLeap. It allows users to interact with web pages, save words, and view definitions.
- Navigate to the
extensionfolder - Load the extension in Chrome from the
extensionfolder
The mobile app provides on-the-go access to saved words and definitions.
Note: The mobile app was challenging to implement, but we managed to create a functional version. It may have limited features compared to the Chrome extension.
- Navigate to the
mobile-appfolder - Install dependencies:
npm install - Run the app:
- For Android:
npx react-native run-android - For iOS:
npx react-native run-ios
- For Android:
The backend server handles user authentication, stores user data, and serves AI-generated definitions.
- Navigate to the
backendfolder - Install dependencies:
npm install - Set up environment variables (see
.env.example) - Start the server:
npm start