Skip to content

Latest commit

 

History

History
50 lines (32 loc) · 1.79 KB

README.md

File metadata and controls

50 lines (32 loc) · 1.79 KB
Raw

Etch-A-Sketch Project

This repository contains the source code for my implementation of the Etch-A-Sketch project from The Odin Project's curriculum. The goal of this project is to create a web-based application that simulates the classic Etch-A-Sketch toy.

Overview

The Etch-A-Sketch project is part of The Odin Project's Foundations course, which helps students practice and learn HTML, CSS, and JavaScript. This project focuses on DOM manipulation, event handling, and dynamic CSS styling.

Features

  • (Flexbox)-Grid Display: A customizable grid where users can "draw" by hovering their cursor over the cells.
  • Color Selection: Users can choose different colors to draw with. (to be implemented)
  • Size Adjustment: Users can adjust the size of the grid to have more or fewer cells.
  • Reset Button: Allows users to clear the grid and start new drawings. (to be implemented)

Technologies Used

  • HTML
  • CSS
  • JavaScript

Setup

To run this project locally:

  1. Clone the repository:
git clone https://github.com/rafa-net/etch-a-sketch.git
  1. Open index.html in your web browser.

Lessons Learned

Through this project, I gained a deeper understanding of:

  • DOM manipulation using JavaScript.
  • Handling user input events.
  • Dynamically updating CSS properties through JavaScript.

Acknowledgments

  • This project is part of the assignments given in The Odin Project curriculum.
  • Thanks to the community and maintainers of The Odin Project for providing such a valuable resource for learning web development.

License

This project is open source and available under the MIT License.

Feel free to fork this project, submit issues, and send pull requests!