Book Store - Copy this React, Tailwind Component to your project
You will be creating a book store application with the following features: User Registration and Login: Users should be able to register for a new account by providing their name, email, and password. Registered users can log in to their account using their email and password. Book Browsing and Purchasing: The application should display a list of available books from the provided {$BOOK_DATA}. Each book should show its title, author, genre, price, and a short description. Users can add books to their shopping cart and proceed to checkout. During checkout, users will be prompted to enter their shipping and payment information. After successful payment, an order confirmation will be displayed. Interactive Book Reading: For each book, the application should provide a short overview or excerpt that users can read. The overview should be displayed in a clean, readable format with appropriate styling. Users should be able to navigate through the overview using pagination or scrolling. Example Implementation: Here's an example using dummy data for three books: <Book Data> [ { "title": "The Great Gatsby", "author": "F. Scott Fitzgerald", "genre": "Fiction", "price": 12.99, "description": "A classic novel about the decadence and excess of the Jazz Age.", "overview": "The Great Gatsby is a 1925 novel written by American author F. Scott Fitzgerald that follows a cast of characters living in the fictional town of West Egg on prosperous Long Island in the summer of 1922..." }, { "title": "To Kill a Mockingbird", "author": "Harper Lee", "genre": "Fiction", "price": 9.99, "description": "A Pulitzer Prize winning novel about racial injustice and the destruction of innocence.", "overview": "To Kill a Mockingbird is a novel by the American author Harper Lee. It was published in 1960 and was instantly successful. In the novel, the young daughter of an Alabama lawyer defends her father against accusations of racism..." }, { "title": "The Lean Startup", "author": "Eric Ries", "genre": "Business", "price": 16.99, "description": "A revolutionary approach to launching successful startups.", "overview": "The Lean Startup is a book by Eric Ries that describes his proposed lean startup strategy for launching businesses and products. Ries argues that startups should adopt a combination of business hypothesis driven experimentation, iterative product releases, and validated learning..." } ] </Book Data> When a user logs in, they will see the list of available books with their details. They can click on a book to view its overview, which will be displayed in a clean, readable format with pagination or scrolling. The user can add books to their cart and proceed to checkout, where they will enter their shipping and payment information. After successful payment, an order confirmation will be shown. Remember to handle user registration, authentication, and input validation throughout the application.
