A comprehensive web-based library management system that allows users to read books online
Readoit is a comprehensive web-based library management system that allows users to read books online. The platform offers a user-friendly interface for both general readers and children, with different access levels including admin, operator, and user roles.
| Category | Features | Status |
|---|---|---|
| 🔐 User Management | Multiple user types, secure authentication | ✅ Active |
| 📚 Book Management | Categorization, upload, search | ✅ Active |
| ⭐ Rating System | 5-star rating system | ✅ Active |
| 📱 UI/UX | Responsive design, intuitive navigation | ✅ Active |
| Feature | Description | User Impact |
|---|---|---|
| Multi-User System | Different access levels for different users | Tailored experience |
| Book Categorization | Children vs General books | Age-appropriate content |
| Search & Rating | Find books and rate them | Better discovery |
| Responsive UI | Works on all devices | Accessible anywhere |
- Multiple User Types: Supports different user categories (Anak/Children, Umum/General, Operator, Admin)
- User Registration & Login: Secure authentication system for different user types
- Session Management: Proper session handling for user security
- Categorized Content: Separate sections for children's books and general books
- Book Upload: Admin and operator can add new books with cover images
- Book Details: Each book includes rating, publication date, and downloadable content
- Search Functionality: Users can search for books within the library
- 5-Star Rating: Users can rate books to provide feedback and help others discover quality content
- Visual Rating Display: Star ratings displayed clearly on book cards
- Responsive Design: Works well on different screen sizes
- Carousel Display: Features a rotating banner for highlighting books
- Intuitive Navigation: Simple menu system for easy access to different sections
| Technology | Purpose | Version |
|---|---|---|
 |
Backend Logic | 7.4+ |
 |
Database | 8.0+ |
 |
Markup | HTML5 |
 |
Styling | CSS3 |
 |
Client-side Logic | ES6+ |
 |
Frontend Framework | 5.3+ |
| Library | Purpose | Badge |
|---|---|---|
| jQuery | DOM Manipulation |  |
| jQuery RateYo | Star Rating System |  |
| Font Awesome | Icons |  |
| Google Fonts | Typography |  |
| Swiper.js | Carousel/Slider |  |
| Step | Action | Commands/Paths |
|---|---|---|
| 1 | Install XAMPP | Download Here |
| 2 | Place Files | htdocs/Readoit/ |
| 3 | Start Services | Apache + MySQL |
| 4 | Access App | http://localhost/Readoit |
-
Download and Install XAMPP Step 1
- Download XAMPP from the official website
- Install it on your system following the installation wizard
-
Deploy Project Files Step 2
- Extract this project folder to your XAMPP htdocs directory:
- Windows:
C:\xampp\htdocs\Readoit - Linux/Mac:
/opt/lampp/htdocs/Readoit
- Windows:
- Extract this project folder to your XAMPP htdocs directory:
-
Database Setup Step 3
- Start Apache and MySQL in XAMPP Control Panel
- Access phpMyAdmin in your browser
- Create a new database named
readoit - Import the database structure (if available in a separate .sql file)
-
Database Configuration Step 4
- Open
koneksi.phpfile - Verify connection details:
$koneksi = mysqli_connect("localhost","root","","readoit");
- Update credentials if needed
- Open
-
Launch Application Final Step
- Open your browser and navigate to
http://localhost/Readoit - The application should now be running
- Open your browser and navigate to
| Role | Permissions | Access Level |
|---|---|---|
 |
Full System Management | 🔥 Highest |
 |
Category Management | ⚡ High |
 |
Book Reading | ✅ Standard |
 |
Child Content | 🛡️ Restricted |
| Role | Permissions | Capabilities |
|---|---|---|
| Admin |
|
 |
| Operator |
|
 |
| General |
|
 |
| Children |
|
 |
-
Admin 🔧
- Full system management capabilities
- Can manage all books (add, edit, delete)
- Can manage accounts and user permissions
- System configuration access
-
Operator ⚙️
- Limited management capabilities
- Can manage books in their designated category
- Can upload and edit content
- Category-specific access
-
Umum (General User) 📚
- Regular book reader access
- Can browse and read general books
- Can rate books and provide feedback
- Standard user experience
-
Anak (Children User) 👧👦
- Child-specific content access
- Access to child-appropriate content only
- Age-appropriate book categories
- Safe and secure environment
Readoit/
├── index.php (Main landing page)
├── login.php (User login page)
├── register.php (User registration page)
├── koneksi.php (Database connection)
├── admin/
│ ├── AdminAkun.php (Account management)
│ ├── AdminAnak.php (Children book management)
│ ├── AdminUmum.php (General book management)
│ └── ...
├── menu/
│ ├── MAnak.php (Children menu)
│ ├── MUmum.php (General menu)
│ ├── MAdminU.php (Admin menu general books)
│ └── ...
├── buku/
│ ├── BukuAnak.php (Children book viewer)
│ ├── BukuUmum.php (General book viewer)
│ └── ...
├── assets/ (CSS, JS, images)
├── sampul/ (Book cover images)
├── Buku/ (Book files)
└── README.md
The application uses a MySQL database with the following main tables:
account: Stores user information (name, email, password, category)buku_umum: General books data (name, cover image, file, rating)buku_anak: Children books data (name, cover image, file, rating)
- Session-based authentication
- Input validation
- Proper access controls based on user roles
- Secure file upload handling
| User Type | Main Functions | Access Level |
|---|---|---|
| 📚 General Users | Browse, Read, Rate | Standard Access |
| 👨💼 Admins | Manage, Add, Configure | Full Access |
| 👩💼 Operators | Upload, Edit | Category Access |
| 👧👦 Children | Read, Explore | Safe Access |
| Step | Action | Description |
|---|---|---|
| 1 | 📝 Register | Create a new account |
| 2 | 🔐 Login | Access your account |
| 3 | 🔍 Browse | Search for books |
| 4 | 📖 Read | Enjoy online books |
| 5 | ⭐ Rate | Share your feedback |
- Register for an account
- Login with your credentials
- Browse and search for books
- Read books online or download them
- Rate books you've read
| Step | Action | Description |
|---|---|---|
| 1 | 🔐 Login | Access admin panel |
| 2 | ➕ Add | Upload new books |
| 3 | 👥 Manage | Handle user accounts |
| 4 | ✏️ Edit | Update existing books |
| 5 | 📊 Monitor | Track system usage |
- Login to the admin panel
- Add new books with covers and content
- Manage user accounts
- Edit or delete existing books
- Monitor system usage
| Step | Command | Description |
|---|---|---|
| 1 | git clone ... |
Clone the repository |
| 2 | git checkout -b feature |
Create feature branch |
| 3 | git add . |
Add changes |
| 4 | git commit -m "feat: description" |
Commit changes |
| 5 | git push origin feature |
Push to GitHub |
| 6 | Pull Request | Open PR on GitHub |
- 🍴 Fork the repository
- 🌿 Create a new branch (
git checkout -b feature/amazing-feature) - 📝 Make your changes
- ✅ Test your changes
- 💾 Commit changes (
git commit -m 'Add amazing feature') - ⬆️ Push to the branch (
git push origin feature/amazing-feature) - 🔄 Open a pull request
This project is created for educational purposes as part of a library management system. The code is open for learning and educational use.
If you encounter any issues with the installation or usage, please check:
- Ensure your XAMPP server is running properly
- Verify database connection settings
- Check file permissions
- Confirm all dependencies are properly installed
- Bootstrap framework for responsive design
- jQuery for enhanced functionality
- Third-party libraries mentioned in the tech stack
- Template design from BootstrapMade
