Ebsar Frontend (React) 🌐 Live App

📖 Description

This is the frontend for the Ebsar Book Management System, developed using React.js. It connects to a Laravel backend via RESTful APIs to manage and present library data to users, with support for users with special needs to listen to books.

---

🛠️ Built With

• React.js
• Axios
• React Router
• JWT Authentication
• Bootstrap
• Deployed on Vercel

---

🚀 Getting Started (Local Development)

1. Clone the Repository

git clone https://github.com/your-username/ebsar-frontend.git
cd ebsar-frontend

2. Install Dependencies

npm install

3. Create .env File

REACT_APP_API_URL=http://localhost:8000/api

4. Start Development Server

npm start

Frontend will be available at:
http://localhost:3000

login

username: bola-nabil
password: password

---

🔐 Authentication

• JWT-based login/auth system
• Token stored in localStorage
• Protected routes and auto-redirect for unauthenticated users

---

📦 Deployment

• The frontend is deployed on Vercel
• Automatically builds and deploys from GitHub

---

✅ Notes

• Ensure the Laravel backend is running and accessible at the URL set in REACT_APP_API_URL
• Use Postman to test the backend API
• CORS must be enabled for http://localhost:3000 or deployed domain

---

📫 Live App

🔗 Ebsar Frontend (React)

---

👨‍💻 Author

Built with ❤️ by [Bola Nabil]