Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/cassiozen/ts-bookstore
https://github.com/cassiozen/ts-bookstore
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/cassiozen/ts-bookstore
- Owner: cassiozen
- Created: 2020-05-04T20:58:50.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-01-06T05:00:12.000Z (almost 2 years ago)
- Last Synced: 2024-04-09T22:06:53.816Z (9 months ago)
- Language: TypeScript
- Size: 4.08 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 21
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React & Typescript bookstore
Sample implementation: https://tsbookstore.netlify.app/
## Exercise:
1. Start simple, create the auth component.
- It should show a "login" button with a click handler to call the `getUser` api method. (Remember that all API methods return promises).
- When logged, it should display the user's name and profile picture
1. Book Select: List all book titles in a select type of component.
- Use the `fetchBooks` api method.
- When a book title is selected, show the book details bellow the select.
1. Book details
- Book details should be a separate component.
- Display the book's title, author, image and tags
1. Similar books (You might also like)
- To display similar books, use the `fetchBooksByTags` api method.
- The `fetchBooksByTags` will return an array of all books with matching tags, so make sure to filter the results to exclude the currently selected book.