Skip to content

README.md

Latest commit

 

History

History
118 lines (78 loc) · 2.5 KB

README.md

File metadata and controls

118 lines (78 loc) · 2.5 KB

📚 Librento – Library Management System (Frontend)

A clean and intuitive frontend interface for Librento – a modern, full-featured Library Management System designed to handle books, members, borrow/return records, and analytics.

Built with React, Redux, and Tailwind CSS.

🚀 Live Demo

👉 View Live App
👉 Backend Repo

🖼️ Screenshots

| Dashboard | Members | Borrow | Borrow last

🛠️ Tech Stack

  • ⚛️ React
  • 🌐 React Router
  • 🗃️ Redux Toolkit
  • 💅 Tailwind CSS
  • 🔒 Axios with cookie-based authentication

📦 Project Structure

src/
├── assets/          # Static assets like logos, images
├── components/      # Reusable UI components (Modal, Table, etc.)
├── pages/           # Dashboard, Members, Borrow/Return, etc.
├── context/         # LibraryContext for global non-Redux state
├── layout/
├── store/           # Redux slices and logic
├── utils/
├── App.jsx
├── main.jsx
└── index.css

🧪 Features

  • 🔐 User login/logout (with cookie-based auth)
  • 📚 Book listing, search, filter
  • 👥 Member management with add/edit
  • 🔄 Borrow and return tracking
  • 📊 Dashboard with real-time stats
  • ⚡ Fully responsive and fast UI

🔧 Getting Started

1. Clone the repo

git clone https://github.com/swastikpratik-bit/Librento_client.git
cd librento-frontend

2. Install dependencies

npm install

3. Setup environment variables

Create a .env file in the root:

VITE_SERVER=https://your-backend-api.com

4. Start the dev server

npm run dev

🛠️ Available Scripts

  • npm run dev – Runs the app in development mode.
  • npm run build – Builds the app for production.
  • npm run preview – Previews the production build.

🤝 Contribution Guidelines

  1. Fork the repo.
  2. Create a new branch: git checkout -b feature/your-feature.
  3. Commit your changes.
  4. Push to the branch: git push origin feature/your-feature.
  5. Create a Pull Request.

🙋‍♂️ Contact

If you have any feedback, feature requests, or questions:

🌟 Star this repo to support the project!