Skip to content

Instantly share code, notes, and snippets.

@ProfAndreaPollini

ProfAndreaPollini/ROADMAP.md

Last active October 16, 2021 07:54
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ProfAndreaPollini/27689051eb6364bc6efc4d04e428bb2c to your computer and use it in GitHub Desktop.
Save ProfAndreaPollini/27689051eb6364bc6efc4d04e428bb2c to your computer and use it in GitHub Desktop.
Download ZIP
todolist-js: vanilla javascript project
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!-- UIkit CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/uikit@3.7.6/dist/css/uikit.min.css" />
<!-- UIkit JS -->
<script src="https://cdn.jsdelivr.net/npm/uikit@3.7.6/dist/js/uikit.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/uikit@3.7.6/dist/js/uikit-icons.min.js"></script>
<style>
.todo-item {
margin-bottom: 1em;
}
.new-note-section {
margin-bottom: 1em;
}
</style>
</head>
<body>
<div class="uk-container uk-container-large">
<div class="uk-flex uk-flex-center">
<div>
<h1>Todo List</h1>
<div class="uk-flex new-note-section">
<input class="uk-input" type="text" placeholder="Nuova nota...">
<button class="uk-button uk-button-default">Crea</button>
</div>
<div class="uk-flex uk-flex-column">
<div class="uk-card uk-card-default todo-item">
<span uk-icon="icon: check"></span>
cosa da fare
<div class="uk-icon-link" uk-icon="trash"></div>
<div class="uk-icon-link" uk-icon="file-edit"></div>
</div>
<div class="uk-card uk-card-default todo-item">altra cosa da fare</div>
<div class="uk-card uk-card-default todo-item">ennesima cosa da fare</div>
</div>
</div>
</div>
</div>
</body>
</html>
Raw
ROADMAP.md

ROADMAP

Il progetto consiste nella realizzazione di una webapp che implenta una todolist.

Ogni elemento della todolist sarà composto da:

  • cosa da fare (str)
  • categoria (str)
  • isDone? (bool)

Requisiti funzionali

COME utente VOGLIO cancellare una nota inserita. COME utente VOGLIO modificare una nota. COME utente VOGLIO creare un nuova nota. COME utente VOGLIO segnalare una nota come già fatta. COME utente VOGLIO gestire la priorità delle note inserite

Requisiti non funzionali

COME utente voglio salvare le note tra una sessione di navigazione e l'altra.

passi da eseguire

  • struttura della UI.
  • inserimento nuova nota.
  • cancellazione nota.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment