https://github.com/krondorl/bookmark-app

Angular project for managing bookmarks
https://github.com/krondorl/bookmark-app

angular angular-material ngrx typescript

Last synced: 3 months ago
JSON representation

Angular project for managing bookmarks

• Host: GitHub
• URL: https://github.com/krondorl/bookmark-app
• Owner: krondorl
• License: other
• Created: 2021-03-21T16:33:37.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2024-07-07T19:18:50.000Z (11 months ago)
• Last Synced: 2024-07-07T20:31:29.946Z (11 months ago)
• Topics: angular, angular-material, ngrx, typescript
• Language: TypeScript
• Homepage:
• Size: 1.09 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Bookmark App

With this app, you can handle bookmarks.

- list

- save

- delete

- show details

This app has some default bookmarks, which are shown on startup. When reloading the page, the defaults are loaded again.

## How to use

1. Install: `npm install`

1. Run: `ng serve`

1. Open the default address in your browser: `http://localhost:4200/`

1. You can run tests by using: `ng test`

## Release notes

### July, 2024

Updated to **Angular v18**. Tested on Windows 11 Home.

### November, 2023

Updated to **Angular v17**. Tested on Windows 11 Home.

### March, 2021

Tested with **Node.js v14.15.0** on Windows 10 Home. Made with

- **Angular v11.2.5**

- **Angular Material**

- **NGRX**.

The first version was made in March 21st, 2021.

## Bonus features

The site is fully responsive. The list page uses using **CSS** Grid Layout\*\* with _auto-fill_ feature.

## List

Here we can see the bookmarks ordered by group.

![List](doc_img/01_list.png "List")

## Add

The user can add a new bookmark.

![Add](doc_img/02_add.png "Add")

## Details

This page shows the details of the bookmark.

![Details](doc_img/03_details.png "Details")

## Delete

The user can delete a bookmark when clicking on ✕.

![Delete](doc_img/04_delete.png "Delete")

## License

Please see [the LICENSE file](LICENSE).