📚 BookVerse - Virtual Library

A modern, responsive web application for discovering, browsing, and managing your favorite books. Built with React and styled with a beautiful dark theme.

✨ Features

• 🏠 Elegant Home Page: Welcoming interface with featured books and quick navigation
• 📚 Browse Books: Search and explore a vast collection of books
• 📖 Book Details: Detailed view of each book with comprehensive information
• ❤️ Favorites System: Save and manage your favorite books
• 🌙 Dark Theme: Easy on the eyes with a modern dark mode design
• 📱 Responsive Design: Seamless experience across all devices
• 🔍 Search Functionality: Find books easily with the search feature

🛠️ Technologies Used

• Frontend Framework: React.js
• Routing: React Router v6
• Styling: CSS with CSS Variables
• State Management: React Context API
• Storage: Local Storage for favorites
• Animations: CSS Transitions and Animations

🚀 Getting Started

Prerequisites

• Node.js (v14 or higher)
• npm or yarn

Installation

1. Clone the repository:

   git clone https://github.com/bhavishyaone/VirtualLibrary.git

2. Navigate to the project directory:

   cd VirtualLibrary

3. Install dependencies:

   npm install

4. Start the development server:

   npm run dev

5. Open http://localhost:5173 to view it in your browser.

🎨 Project Structure

src/
├── components/       # Reusable UI components
├── context/         # React Context providers
├── pages/           # Main page components
├── styles/          # CSS styles
│   ├── base.css    # Base styles and variables
│   └── components/ # Component-specific styles
└── App.jsx         # Main application component

📱 Features in Detail

Home Page

• Hero section with featured books
• Quick access to browse and favorites
• Animated background patterns

Browse Books

• Grid layout of book cards
• Search functionality
• Book preview badges
• Hover effects and animations

Book Details

• Comprehensive book information
• Cover image with preview option
• Subject tags
• Similar books recommendations

Favorites System

• Add/remove books from favorites
• Persistent storage using localStorage
• Favorites count indicator
• Dedicated favorites page

🎨 Design Features

• Modern dark theme with accent colors
• Consistent spacing and typography
• Smooth transitions and animations
• Responsive design breakpoints
• Gradient effects and overlays

🔧 Available Scripts

• npm run dev - Start development server
• npm run build - Build for production
• npm run preview - Preview production build

📝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

👤 Author

Bhavishya Sharma

• GitHub: @bhavishyaone

🙏 Acknowledgments

• Design inspiration from modern digital libraries
• Icons and patterns from various open-source resources
• React community for excellent tools and libraries