LearnSphere

LearnSphere is a student-friendly web app that helps learners understand English grammar, tenses, modals, and vocabulary through clear modules and interactive quizzes.

Comment

Inspiration

Many students struggle with English grammar because concepts are scattered, overly theoretical, or explained without clear examples. I wanted to build a single, simple platform where learners can study grammar modules step-by-step and then test themselves with quizzes.

About the Project

LearnSphere is a web-based English learning app focused on grammar fundamentals like tenses, modals, clauses, sentence structure, active/passive voice, spelling, and vocabulary. Each topic is explained in clear, exam-oriented language, and selected modules include interactive MCQ quizzes to reinforce learning.

What I Learned

  • Structuring educational content in a learner-friendly way
  • Handling JSON-based quiz data dynamically
  • Connecting frontend logic (HTML/CSS/JS) smoothly
  • Debugging real-world issues like file paths and event handling

How I Built It

The project is built as a frontend-only web app. Grammar content is shown using modal-based modules, while quizzes load questions from JSON files stored in a data folder. JavaScript controls module display, quiz flow, scoring, and user interaction.

Challenges Faced

  • Making sure module descriptions render correctly in modals
  • Fixing JSON fetch issues for quizzes on GitHub
  • Keeping the UI simple but informative for students
  • Managing multiple modules without breaking functionality

Built With

  • HTML
  • CSS
  • JavaScript
  • JSON
  • GitHub (for hosting & version control)

This project is designed especially for students preparing for exams and anyone who wants to strengthen their English grammar fundamentals in a structured way.

Built With

Share this project:

Updates