BookLovers

Project Name: BookLovers This is the third task for Programmify Pip3 internship

Table of Contents

1. Introduction
2. Features
3. Getting Started
4. User Guide
5. Installation
6. Technologies used
7. Site Views
8. Contributing
9. Get In Touch

Introduction

BookLovers is a responsive web application designed to help users explore and manage their wishlists. The application is built using React and Tailwind CSS, and it uses local storage for data persistence

Features

• Trending Books: Displays a section for trending books based on popularity
• Deals: A section with special offers for books
• Book Details: Detailed views for each book with title, description, price, genre, author, etc.
• Wishlist: A section for users to add books to their wishlist and store this information using LocalStorage.
• Responsive Design: The application is fully responsive and works well on all devices, from mobile phones to large desktop screens.
• Local storage persistence
• User Friendly Interface: A clean and intuitive interface that makes navigation and booking easy for users.

Getting Started

To get started, simply click on the link BookLovers

User Guide

1. Explore Books: Browse through the trending books. deals and categories.
2. View Details: Each Book has a detailed information which you can see on each cards.
3. Add to Wishlist: Use the wishlist feature to save books for future reference; the button with the cart icon
4. You can also click on order to view it, but kindly note that you can't order directly

• Disclaimer

Please note that this is a practice project for my internship at Programmify Pip3. Ordering books on this website is not functional, it is solely intended to showcase my skills and serve as a demonstration. The website is for educational and portfolio purposes only.

Installation

1. Clone the repository

 git clone https://github.com/Ehmkayel/BookLovers

2. Change directory

cd BookLovers

3. Run npm install to install dependencies

npm install

4. Start the development server with npm run dev

npm run dev

5. Open your browser and navigate to

http://localhost:3000 to view the application.

Technologies Used

• Semantic Html
• React
• Tailwind CSS
• Framer Motion
• Mobile-first workflow
• TailwindCSS custom properties

Contributing

If you'd like to contribute to this project, please follow these steps:

• Fork the repository. or git clone
• Create a new branch (git checkout -b feature-branch).
• Make your changes.
• Commit your changes (git commit -m 'Add new feature').
• Push to the branch (git push origin feature-branch).
• Create a pull request.

Site Views

• The view on desktop

• The view on Laptop (1440px)

• The view on Laptop

• The view on tablet

• The view on Mobile

• The view with no wishlist added

Get in Touch

You can reach out to me;

• Linkedin- Morufat-Lamidi
• Frontend Mentor - @Ehmkayel
• Twitter - @kamalehmk
• Gmail- Mail;