https://github.com/ibrsec/book-fs-frontend-react
Frontend of the book app
https://github.com/ibrsec/book-fs-frontend-react
axios react redux tailwind
Last synced: about 2 months ago
JSON representation
Frontend of the book app
- Host: GitHub
- URL: https://github.com/ibrsec/book-fs-frontend-react
- Owner: ibrsec
- Created: 2024-07-11T11:47:48.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2024-09-09T13:11:16.000Z (almost 2 years ago)
- Last Synced: 2025-07-07T19:46:51.051Z (11 months ago)
- Topics: axios, react, redux, tailwind
- Language: JavaScript
- Homepage: https://book-fs-frontend-react.vercel.app
- Size: 842 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Frontend of Book App
An awesome Frontend of Book App
View Demo
·
Backend repo
·
Report Bug
·
Request Feature
📎 Table of Contents 📎
---
[](https://book-fs-frontend-react.vercel.app/)
---
📦 Frontend of the my Books App project | [Books Backend](https://github.com/ibrsec/backend-stockapi)
🎯 React Development: Built a responsive frontend with React.js, providing a seamless user experience for managing books, authors, and user profiles.
🛠 State Management: Employed Redux Toolkit to manage state efficiently and maintain consistency across sessions.
📡 Data Fetching: Used Axios for API requests, ensuring fast and reliable data retrieval and updates.
🚀 React Router: Integrated React Router for smooth navigation between key sections like book listings, author details, and user management.
🔔 User Notifications: Implemented React Toastify to provide real-time feedback for actions such as adding, editing, or deleting books and authors.
💾 CRUD Operations: Developed full CRUD functionality for managing books, authors, genres, and user accounts effectively.
🎨 Styling: Utilized Tailwind CSS to build a modern and responsive user interface quickly and efficiently.
```sh
# clone the project
git clone https://github.com/ibrsec/book-fs-frontend-react.git
# enter the project directory
cd book-fs-frontend-react
# install dependency
npm install || yarn install
# develop
npm run dev || yarn start
```
```diff
book-fs-frontend-react (folder)
|
|---public (folder)
|
+ |---src (folder)
| |
| |---pages (folder)
| |
| |---components (folder)
| |
| |---app (folder) (store, slices)
| |
| |---features (folder)(Slices)
| |
| |---router (folder)
| |
| |---services (folder)
| |
| |
| |---helper (folder)
| | └---ToastNotify.js
| |
| |---App.js
| |---Index.js
| └---Index.css
|
|----package.json
|----.env
|----tailwind.config.js
└----readme.md
```
---
