https://github.com/danielcornock/notes
📝My first angular application built without a tutorial.
https://github.com/danielcornock/notes
angular html scss typescript
Last synced: about 1 month ago
JSON representation
📝My first angular application built without a tutorial.
- Host: GitHub
- URL: https://github.com/danielcornock/notes
- Owner: danielcornock
- Created: 2019-05-11T23:57:26.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2019-05-12T00:09:14.000Z (about 7 years ago)
- Last Synced: 2025-02-26T03:34:54.139Z (over 1 year ago)
- Topics: angular, html, scss, typescript
- Language: TypeScript
- Homepage:
- Size: 105 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Angular Notes Application
This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.3.8.
## Using the Application
Most of the application should be intuitive, however there are some parts that are a bit rough around the edges due to this being my first Angular application and just wanting to test my knowledge primarily of the new features of Angular that I've learned.
### Adding a Note
Click the pencil icon in the top right and fill in the input box that appears to set the title of the new note. When the title is entered, press the Enter button to add the note to the list of notes in the application.
### Editing a Note's Content
Double click on the note area to enter 'editing mode'. The note can then be edited however you want. When you are done, use the Esc key to exit 'editing mode'.
### Editing a Note's Title
Similarly to editing the note content, double clicking on the title will enter 'editing mode' for the title of that particular note. This can then be confirmed by using the Esc key or the Enter key.
### Deleting a Note
When you hover over the an item in list of notes to the left, a trash can icon should appear for that particular note. Simply click on the red trash can and the note will be deleted.