# 📚 EBook - Online Book Store and Community
[Technologies Getting Started](#technologies-getting-started)
A comprehensive web application for book enthusiasts to discover, read, delete and and share their favorite books while building a vibrant reading community online.
## 👥 Authors
- Hafsa [ (Login/Sign Up Pages never been delivered) ]
- Yasser Assou [ Footer + About Us + Book page ]
- Youssef El Melh( Add Book page / (Contact us page not delivered yet))
- Abdennacer Kaddouri
## 🎨 Layout
## 🖥️ Technologies Getting Started
### Technologies Used
- React.js
- React Router
- React Bootstrap
- Bootstrap
- CSS3
- React Icons
## 🚀 Getting Started
### Prerequisites
- Node.js (v14.0.0 or later)
- npm (v6.0.0 or later)
### Installation
1. Clone the repo:
```bash
git clone https://github.com/nacceree/lib-team.git- Navigate to the project directory:
cd lib-team - Install dependencies:
npm install
- Start the development server:
npm start
- Visit http://localhost:3000 in your browser.
- User authentication (Login functionality) // not added yet
- Add new books to the platform // not added yet
- Responsive design for seamless mobile experience
- Interactive navigation bar with search functionality
- Footer with social media integration and quick links
- Browes books based on their categories
Lib-team/
├── public/
├── src/
│ ├── assets/
│ │ ├── css/
│ │ │ ├── navbar.css
│ │ │ ├── footer.css
│ │ │ ├── index.css
│ │ │ ├── login.css
│ │ │ ├── bookcard.css
│ │ └── images/
│ │ ├── logowa.png
│ │ └── logowacopy.png
│ ├── components/
│ │ ├── Aboutus.jsx
│ │ ├── addbook.jsx
│ │ ├── bookcard.jsx
│ │ ├── bookspage.jsx
│ │ ├── categories.jsx
│ │ ├── category.jsx
│ │ ├── footer.jsx
│ │ ├── navbar.jsx
│ │ ├── login.jsx
│ │ ├── onebook.jsx
│ │ ├── searchresults.jsx
│ │ ├── jsx
│ ├── App.jsx
│ └── index.jsx
├── package.json
└── README.md
- Provides information about the library team and its mission
- Engaging layout with team member profiles and descriptions
- Form for adding new books to the library collection
- Input fields for book image, name, author, and description
- Validation for required fields
- Displays individual book details in a card format
- Includes book image, name, author, and a short description
- Custom styling for a polished look
- Lists all books available in the library
- Integrates the
BookCardcomponent for each book - Pagination for easy navigation through the book collection
- Displays different book categories available in the library
- Links to filtered views of books by category
- Shows books belonging to a selected category
- Integrates the
BookCardcomponent for each book in the category
- Comprehensive footer with quick links to essential pages
- Social media integration (Instagram, Facebook, Twitter)
- Consistent branding with logo display
- Sleek navigation bar with integrated search functionality
- Dynamic links for "Add Book" and "Login" pages
- Responsive design for various screen sizes
- User login form with fields for email and password
- Validation for required fields
- Redirects to the homepage upon successful login
- Detailed view of a single book's information
- Displays book image, name, author, full description, and additional details
- Displays search results based on user queries
- Integrates the
BookCardcomponent for each result
The project utilizes a combination of React Bootstrap and custom CSS for a polished look:
navbar.css: Custom styles for the navigation componentfooter.css: Dedicated styles for the footer componentindex.css: General styles for the entire applicationlogin.css: Styles for the login formbookcard.css: Custom styles for the book cards
Color Palette:
- Primary Background: #2B3A42
- Accent Color: #BF4F36
- Call-to-Action: #E74C3C