https://github.com/agusscript/library-app-ts

Local storage Crud application - Store a list of books with status
https://github.com/agusscript/library-app-ts

html-css-javascript localstorage responsive-design sass

Last synced: 21 days ago
JSON representation

Local storage Crud application - Store a list of books with status

• Host: GitHub
• URL: https://github.com/agusscript/library-app-ts
• Owner: agusscript
• Created: 2023-05-30T01:08:39.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-06-25T20:05:33.000Z (over 1 year ago)
• Last Synced: 2024-11-15T18:08:59.149Z (3 months ago)
• Topics: html-css-javascript, localstorage, responsive-design, sass
• Language: TypeScript
• Homepage: https://library-app-js.vercel.app
• Size: 320 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Book Library App

JavaScript C.R.U.D.(create, read, update, delete) aplication made with local storage.

You can save a list of books, change their status and delete them from the list.

![](assets/screenshots/desktop-design.png)

Users should be able to:

- View the optimal layout depending on their device's screen size

- Add book to list

- Change the status of the book

- Delete books

### Screenshots

- Desktop view

![](assets/screenshots/active-state.png)

- Mobile view

![](assets/screenshots/mobile-design.png)

### Link

- [Live site](https://library-app-js.vercel.app/)

### Built with



 

  

 

 

  

 

 

  

 

 

  

 



- Form validations

- Local storage

- TypeScript classes

## Run the project locally

1. Clone this repository

2. In this folder repo, open your console and run: `npm install`

3. Then run: `npm run dev` to start a local server

4. Open http://localhost:5173/ in your browser

## Author

- Linkedin - [Agustin Emanuel Sanchez](https://www.linkedin.com/in/agustin-emanuel-sanchez-4b2807240/)

- Frontend Mentor - [@agusscript](https://www.frontendmentor.io/profile/agusscript)

- Twitter - [@agus_script](https://twitter.com/agus_script)