📚 BoiPoka

BoiPoka is a web application designed for Book Enthusiasts to discover, track, and manage their reading journey. Users can explore a wide variety of books and view detailed information about each one, including the name, author, publisher, publication year, total pages, ratings, and category. The platform allows users to save books to a wishlist for future reading and mark books as read to keep track of their reading activity. With BoiPoka, users can easily organize their books, monitor their reading history, and enjoy a seamless and engaging experience while exploring new books.

---

🔗 Live Demo

🚀 Click Here to Try BoiPoka Now

---

📲 App Features

• Browse & Discover Books: Explore a wide collection of books across different genres and categories.

• Book Details: View detailed information for each book, including name, author, publisher, publication year, total pages, ratings, and category.

• Wishlist: Save books you want to read later for easy access.

• Mark as Read: Track books you’ve completed to monitor your reading progress.

• Reading History: Get an overview of your reading activity and track your personal reading journey.

• User-Friendly Interface: Navigate books and features easily with a clean, intuitive design.

---

🛠️ Tech Stack

• Frontend: React.js
• Routing & Layouts: React Router, nested layouts
• Components: Reusable React components for UI elements
• Styling: Tailwind CSS
• Icons: React Icons (for UI icons like social media, ratings, etc.)
• Charts & Data Visualization: Recharts (for bar/vertical charts)
• Animations & Feedback: CSS animations, React loading components, React-Toastify for notifications
• State Management: React Hooks (useState, useEffect, etc.)

---

📂 Project Structure

/project-folder 
├── public/               # Public assets like index.html
├── src/
│ ├── assets/             # Images, icons, and other media
│ ├── components/         # Reusable React components
│ ├── Layouts/            # Layout components for different pages
│ ├── Pages/              # Individual page components
│ ├── Routes/             # Routing configuration files
│ ├── App.jsx             # Main App component
│ ├── App.css             # Global styles
│ ├── index.css           # Base CSS
│ └── main.jsx            # Entry point for React
├── .gitignore            # Git ignore file
├── package.json          # Project metadata and dependencies
├── package-lock.json     # Dependency tree lock
├── README.md             # Project documentation
└── vite.config.js        # Vite configuration

---

⚙️ How It Works

1. Browse Books → Users can explore the collection of books on the platform.

2. View Book Details → Click on a book to see detailed information such as name, author, publisher, publication year, total pages, rating, and category.

3. Manage Reading Activity

   • Wishlist: Add books you want to read later.

   • Mark as Read: Track the books you’ve completed.

4. Reading History Updates

   • Your read books are recorded and displayed in your reading history.

   • Users can easily monitor their reading activity and progress over time.

---

🔰 Installation & Setup

Follow these steps to set up the project locally:

1. Clone this repository

git clone https://github.com/Mahbub-Zaman/Boipoka.git

2. Navigate to the project folder

cd Boipoka

3. Install dependencies

npm install

4. Start the development server

npm run dev

5. Open in browser

Open http://localhost:5173 (or the port shown in your terminal) to see the website.

---

📌 Future Improvements

• Persistent storage with localStorage or database
• Responsive design improvements
• Dark mode UI
• Account Creation (Sign In & Sign Up Button)

---