https://github.com/adamkumlin/frontend-todomvc

A simple Todo-app inspired by TodoMVC, built using vanilla HTML/CSS/JS. Created by Simon Sörqvist and Adam Kumlin.
https://github.com/adamkumlin/frontend-todomvc

css html javascript todoapp todomvc

Last synced: 15 days ago
JSON representation

A simple Todo-app inspired by TodoMVC, built using vanilla HTML/CSS/JS. Created by Simon Sörqvist and Adam Kumlin.

• Host: GitHub
• URL: https://github.com/adamkumlin/frontend-todomvc
• Owner: adamkumlin
• License: mit
• Created: 2024-02-13T11:45:43.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-02-27T17:12:32.000Z (9 months ago)
• Last Synced: 2024-10-11T00:14:29.078Z (about 1 month ago)
• Topics: css, html, javascript, todoapp, todomvc
• Language: JavaScript
• Homepage: https://adamkumlin.github.io/frontend-todomvc/
• Size: 209 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# TodoMVC-klon

Vår egen version av [den kända exempelappen TodoMVC](https://todomvc.com/examples/backbone/dist/), skapad med HTML, CSS och JavaScript.

## Funktionalitet

Appen har följande funktionalitet:

- Lägga till anteckningar.

- Ta bort anteckningar.

- Markera anteckningar som färdiga.

- Se hur många ofärdiga anteckningar som återstår ("X items left").

- Markera alla anteckningar som färdiga/ofärdiga (nedåtpilen till vänster om textfältet).

- Ta bort alla färdiga anteckningar ("Clear completed").

- Visa upp antingen alla anteckningar ("All"), alla ofärdiga anteckningar ("Active") eller alla färdiga anteckningar ("Completed").

Detta är **inte** implementerat:

- URL-hantering (att knapparna "All", "Active" och "Completed" ändrar på URL:en).

- Att anteckningar kan redigeras genom att dubbelklicka på dem.

## Utseende

Utseendet är väldigt likt [TodoMVC](https://todomvc.com/examples/backbone/dist/) med vissa mindre skillnader.

## Tester

Projektet innehåller följande tre GUI-tester skrivna med Playwright:

1. Lägg till en anteckning och bekräfta att den visas på sidan.

2. Lägg till en anteckning och bekräfta att sidan visar "1 item left". Kryssa sedan i anteckningen och bekräfta att sidan visar "0 items left".

3. Lägg till 3 anteckningar, kryssa i en av dem och bekräfta att sidan visar "2 items left".