Skip to content

Sidd03192/Data-Compression-Interactive

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 

Repository files navigation

Here's a draft for the Dictionary Compression Interactive README file:


📚 Dictionary Compression Interactive

An educational tool designed to help students explore and understand how dictionary-based data compression works. Through this interactive experience, students will learn the fundamentals of compression techniques in an engaging and practical way.


✨ Overview

This project provides a hands-on activity where students:

  • Learn about dictionary-based compression (e.g., LZW, Huffman Coding basics).
  • Explore the concept of encoding and decoding words using a dictionary.
  • Gain insights into how data compression reduces file size without losing information.

Created for Mr. Watson’s class at Bridgeland High School.


Built With

  • HTML: Structure for the interactive activity.
  • CSS (Tailwind CSS): Styled for a clean, modern look.
  • JavaScript: Implements the logic for encoding and decoding, as well as interactive features.

Features

  • Interactive Compression Process:

    • Encode a sample text using a dictionary and see the compression in action.
    • Decode the compressed text to understand how the original data is restored.
  • Visual Feedback:

    • Color-coded outputs for easier understanding of encoded and decoded values.
    • Real-time updates as students modify inputs.
  • Educational Content:

    • Brief explanations of dictionary-based compression concepts.
    • Step-by-step guides embedded into the interface.
  • Tailored for High School Students:

    • Simplified examples and clear visualizations to ensure accessibility.

🗂️ Project Structure

dictionary-compression-interactive/  
├── index.html           # Main HTML file for the interactive tool  
├── style.css            # Tailwind CSS styling  
├── script.js            # Core JavaScript logic for compression  
├── assets/              # Folder for any images or additional resources  
└── README.md            # Project documentation  

💻 Usage

Running Locally

  1. www.mrwatson.vercel.app

🧑‍🏫 Educational Goals

This project aims to:

  • Provide students with a high-level understanding of data compression.
  • Demonstrate real-world applications of encoding and decoding.
  • Build foundational knowledge for advanced topics like file formats and data transmission.

📜 License

This project is licensed under the MIT License.


🙌 Acknowledgments

Special thanks to Mr. Watson for inspiring this project and fostering curiosity in his students at Bridgeland High School.


Let me know if you need additional details or adjustments!

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published