https://github.com/ladelpriore/library_checkout_app
A React app for authenticated users to checked out books with an API for viewing the library catalogue
https://github.com/ladelpriore/library_checkout_app
api eslint react react-router vite
Last synced: 3 months ago
JSON representation
A React app for authenticated users to checked out books with an API for viewing the library catalogue
- Host: GitHub
- URL: https://github.com/ladelpriore/library_checkout_app
- Owner: ladelpriore
- Created: 2025-02-07T06:22:10.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-07T06:32:44.000Z (over 1 year ago)
- Last Synced: 2025-02-07T07:27:24.885Z (over 1 year ago)
- Topics: api, eslint, react, react-router, vite
- Language: JavaScript
- Homepage:
- Size: 0 Bytes
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Library Checkout App, API, and Authentication
Build the front end of the online public library service with the API provided documentation. Allow user to view catalogue, register/login and check out books (viz-a-viz CRUD interface, user authentication, via JSON Web Tokens).
(React, API, authentication, JSON web tokens)
## Initialize project
Create a new React App from scratch
Review the linked API which is hosted on the BookBuddy API. Note: This API is different in that it allows us to do more than request data. It also allows us to log in, and even check out books. To do this, recall CRUD and user authentication via JSON Web Tokens (JWT).
Review the overall flow of the applications you have created so far:
Fetch the initial data and build the application state
Plan out event listeners for the interface.
User interaction triggers event listeners, which in turn update data in multiple places:
Pass update requests to API.
API returns success or failure for an update.
On success, update state to reflect the change.
On failure, render a useful error message to user.
React re-renders components based on updated state.
## Requirements
I - Build a basic Frontend Application
All users should be able to:
See all books in the library’s catalog
View details of an individual book
Log in to an existing account
Register a new account
II - Logged in Functionality
Logged in users should be able to:
Checkout an available book
View their account details
Name
Email
Books currently checked out
Users should be able to return books that they previously checked out