English Learning Web App (VocaXP)

This repository contains a personal web application designed to help French speakers learn English through a gamified approach called VocaXP. Players earn points based on word difficulty and popularity.

The project is a work in progress and served as my first hands-on experience in web development, React, TypeScript, Tailwind CSS, and Firebase hosting.

Project Structure

Python Scripts

• Python scripts are used to collect, translate, and analyze English words.

• Key functionalities:

  • Retrieve English-French translations using Linguee API and Argos Translate.
  • Extract definitions from Larousse.
  • Assign a scoring system (IS) based on word frequency.
  • Dynamically update CSV files containing words, translations, definitions, and scores.

• The scripts demonstrate automated processing of large word datasets and serve as the foundation for the gamified scoring system.

• Link to the python code here : python code

Frontend with React Native

• Contains React components, pages, and custom hooks built with TypeScript.
• Tailwind CSS is used to style the UI efficiently.
• The frontend currently allows dynamic updates of UI elements and serves as a sandbox for experimenting with interactive gameplay mechanics.
• Link to the folder here : src folder

Technologies Used

• Frontend: React, TypeScript, Tailwind CSS
• Backend / Data Processing: Python, Pandas, Requests, Larousse API, Argos Translate
• Hosting: Firebase
• Other Tools: CSV for data storage and management

Notes

• This project is not yet complete; it is primarily a learning and experimentation project.
• The main objective was to explore web development, React ecosystem, and Firebase hosting.
• The code in this repository demonstrates both backend data processing for the gamification logic and frontend interactive components.