The booklet is an E-commerce Store to purchase Designer Notebooks and accessories. It's a radiant realm where stationery dreams, delightful accessories, and chic lifestyle products come to life.
Live Link: Booklet
- Easy to use beautiful and Responsive UI.
- Reusable, Testable, Modular Components.
- Header Features: Announcement Bar, Search, Nav Links.
- Home page Sections: New collection, Welcome, Image Carousel, Best Sellers, Shop by Category.
- Product Listing Page with different Categories like Notebooks, Journal, Bookmarks and Poster.
- Product Listing Page: Filter, All Products (Product Card)
- Filter: By Price, Sort by (Low to high and High to low), Rating, and Category.
- Product Card: Product Details, Add to Cart/Remove from Cart toggle button, Wishlist/Remove from Wishlist toggle button
- Single Product Page which has a detailed description of the Product.
- Single Product Page Features: Product Details, Buy Now button, Share button, You May Also Like for Related products
- Share button: Copy the product link on the clipboard or share it on social media
- Cart Page will have products you've added to the cart
- Cart Page features: Product Listing, Billing, Checkout button
- Product Listing: Product details, increase/decrease quantity, Move to Wishlist button, Delete from cart
- Billing: Based on discounts, coupons, and product quantity
- Checkout button
- Wishlist Page: Product listing of all products liked
- Wishlist Feature: Product details, Move to Cart, Deleted from wishlist
- Authentication Pages like Signup, Login, Log Out pages
- Footer contains links to all the pages and my social media handles.
- About Page has the details regarding the Booklet Store
- Contact Page has links to email and social media handles. Reach out if you have any query
- ReactJS
- Redux
- React Router v6
- Custom Hooks
- Tailwind CSS
- Google Analytics
- HTML
- CSS
- Javascript
- Font Awesome
- Firebase
- Open any code editor (preferably VS Code).
- In the terminal run this command "git clone https://github.com/khushijohri2001/booket.git"
- Go inside the application folder, run this command "cd booklet"
- Install npm or yarn, run this command "npm install" or "yarn install"
- To start the application, run this command "npm start" or "yarn start"
