This project is an application used to manage a private book collection. It is built with React, TypeScript, Bootstrap and CSS. It uses the books project backend with the endpoints to login, manage users and manage books.
When you run it you will see the login page. To access the books service log in with your credentials if you already have a user. In case you don't, press on the "Register here" button and create a new user.
After logging in, you will see an empty table. To create a new book, press the "Add new book" button and a creation popup will appear. You can fill the fields to create new books. When you already have books in the table you can press the pencil icon to edit them and the trash icon to delete them.
In case you want to log out you can press the "Logout" button and you will be redirected to the login page.
Read the document in the root of this repository to find how to run this project altogether with the frontend project using Docker.
Those are the different libraries that have been used in this React project:
react-bootstrap Frontend framework used for styling a curated UI
react-fontawesome Tool that adds icons for the UI
react-router-dom Routing tool used to move between pages
axios Lightweight, promise-based HTTP client to make requests to the backend endpoints
eslint Tool for identifying and reporting on patterns in the code
eslint-plugin-import Plugin that allows to include import/export verifications for ESLint
eslint-import-resolver-typescript Plugin that makes eslint-plugin-import compatible with typescript
prettier Code formatter that autmatically sets the code style
eslint-config-prettier Coordinates eslint and prettier to apply best practices around the code automatically