https://github.com/dor-ka/frontend-youcode-todolist

Simple To Do List app built with HTML, CSS and JavaScript, practicing core frontend skills.
https://github.com/dor-ka/frontend-youcode-todolist

bem css es6 grid html javascript practice-project responsive todo-list-app vanilla-js youcode

Last synced: about 1 month ago
JSON representation

Simple To Do List app built with HTML, CSS and JavaScript, practicing core frontend skills.

• Host: GitHub
• URL: https://github.com/dor-ka/frontend-youcode-todolist
• Owner: Dor-Ka
• Created: 2023-10-30T18:54:01.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2025-06-02T12:53:20.000Z (about 1 year ago)
• Last Synced: 2025-06-03T01:38:48.141Z (about 1 year ago)
• Topics: bem, css, es6, grid, html, javascript, practice-project, responsive, todo-list-app, vanilla-js, youcode
• Language: JavaScript
• Homepage: https://dor-ka.github.io/frontend-youcode-todolist/
• Size: 552 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# To Do List

## About

[🔗 Live Demo](https://dor-ka.github.io/frontend-youcode-todolist/)

This project is a simple To Do List web application created for practicing basic **HTML**, **CSS**, and **JavaScript** skills.

---

## 📸 Demo

![Desktop view](https://github.com/dor-ka/frontend-youcode-todolist/raw/main/images/img-readme-2.png)

![Mobile view](https://github.com/dor-ka/frontend-youcode-todolist/raw/main/images/img-readme-mobile-2.png)

![Demo gif](https://github.com/dor-ka/frontend-youcode-todolist/raw/main/images/readme.gif)

---

## 🛠️ Technologies Used

- HTML

- CSS (Grid, Media Queries)

- JavaScript (ES6+)

- BEM methodology

- Array immutability

---

## 🚀 Features

- Add and remove tasks

- Responsive layout for desktop and mobile

- Clean and semantic markup

---

## 📦 Status

Project finished and available online.