Skip to content

School project with HTML5, CSS3 and JavaScript to work with CANVA using animations and interactions. The theme used is Dyslexia versus Dyscalculia, where we present a small explanation of each with an example to complement, adding a game to each type for the user to interact with.

Notifications You must be signed in to change notification settings

xbeatriz/Dyslexia-versus-Dyscalculia

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

51 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Dyslexia versus Dyscalculia Project

An educational and interactive project exploring dyslexia and dyscalculia using HTML5 Canvas.
This repository contains animations, examples, and mini-games to raise awareness and provide insight into these learning differences.


📋 Table of Contents


📖 About the Project

This project was developed as part of a university assignment to explore the use of interactive technologies in education. The goal is to:

  • Explain dyslexia and dyscalculia with visual examples.
  • Simulate the experiences of those with these learning differences.
  • Engage users with interactive content and mini-games.

By blending education with interaction, the project aims to foster understanding and empathy.


✨ Features

📘 Dyslexia Section

  • Animations: Depicts reading challenges faced by individuals with dyslexia.
  • Interactive Examples: Simulations that mimic common text-processing difficulties.
  • Mini-Game: A simple game designed to reflect typical dyslexia challenges.

🧮 Dyscalculia Section

  • Animations: Visualizes numerical and mathematical challenges.
  • Interactive Examples: Demonstrates issues with number recognition and sequencing.
  • Mini-Game: A small number-based game simulating dyscalculia-related experiences.

💻 Technologies Used

  • HTML5 for content structure.
  • CSS3 for design and layout.
  • JavaScript for interactivity and logic.
  • Canvas API for animations and visual elements.

🚀 Installation

  1. Clone the repository:
    git clone https://github.com/your_username/Dyslexia-versus-Dyscalculia
    
  2. Navigate to the project folder:
    cd Dyslexia-versus-Dyscalculia
    
  3. Open the index.html file in your preferred web browser to run the project.

No additional dependencies or installations are required.

🕹️ Usage

  1. Open the index.html file in your preferred web browser to launch the project.
  2. Navigate through the project sections:
    • Dyslexia Section:
      • Watch animations that illustrate reading difficulties associated with dyslexia.
      • Explore interactive examples simulating text-processing challenges.
      • Play the mini-game to experience a reading task inspired by dyslexia.
    • Dyscalculia Section:
      • View animations demonstrating challenges with numbers and math-related tasks.
      • Try interactive examples showcasing numerical difficulties.
      • Solve the mini-game designed to simulate dyscalculia-related experiences.
  3. Interact with the content to gain insight and awareness about dyslexia and dyscalculia.

🙏 Acknowledgments

This project was made possible with the guidance and support of:

  • University Faculty: For their valuable feedback and insights throughout the development process.
  • Peers: For collaboration and constructive criticism that helped refine the project.
  • Inspirational Sources: Research on dyslexia and dyscalculia, as well as existing educational tools, which served as references.

Special thanks to everyone who contributed directly or indirectly to the completion of this project.
This work is dedicated to raising awareness and fostering empathy for individuals with learning differences.

About

School project with HTML5, CSS3 and JavaScript to work with CANVA using animations and interactions. The theme used is Dyslexia versus Dyscalculia, where we present a small explanation of each with an example to complement, adding a game to each type for the user to interact with.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •