https://github.com/aperbet56/notes_app

Note app en HTML5, CSS3 et JavaScript
https://github.com/aperbet56/notes_app

addeventlistener animation-css css3 filter flexbox foreach-loop html5 if-else javascript localstorage push

Last synced: 3 months ago
JSON representation

Note app en HTML5, CSS3 et JavaScript

• Host: GitHub
• URL: https://github.com/aperbet56/notes_app
• Owner: aperbet56
• Created: 2023-12-17T16:08:13.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2025-09-30T17:28:53.000Z (3 months ago)
• Last Synced: 2025-09-30T19:13:25.873Z (3 months ago)
• Topics: addeventlistener, animation-css, css3, filter, flexbox, foreach-loop, html5, if-else, javascript, localstorage, push
• Language: JavaScript
• Homepage: https://aperbet56.github.io/notes_app/
• Size: 49.8 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
## NOTES APP

![Design preview for the project](./img/preview.png)

## Le challenge

Construction d'une notes app. L'utilisateur va pouvoir :

- créer une note qui va être sauvegarder dans le local storage du navigateur

- ajouter une nouvelle note en cliquant sur le bouton + (cette nouvelle note va également être sauvegardée dans le local storage)

- supprimer une note qui va également être supprimée dans le local storage en faisant un double clic sur celle-ci.

Le projet est responsive : il s'adapte aux différentes résolution d'écran (desktop, tablette et mobile)

## Démonstration

Lien vers le projet : https://aperbet56.github.io/notes_app/

## Projet développé avec

- Utilisation des balises sémantiques HTML5

- CSS3

- Flexbox

- Animations css

- Page web responsive

- JavaScript

- Code JavaScript commenté

- Desktop first