tataata / bookmatch

BookMatch App

Overview

BookMatch is a book recommendation app designed to help users discover new books based on their interests. Users can swipe right to like a book and get more information or swipe left to skip to the next suggestion. The app includes features such as user onboarding, a detailed profile, search functionality, and comprehensive book details.

Table of Contents

• *Features
• Technologies
• Components
• Setup Instructions
• Folder Structure
• Storybook

Features

• User Onboarding: Registration, login, and interest-based quiz.
• Swipe Interface: Like or skip book suggestions.
• Detailed Book Information: Comprehensive book details after liking a book.
• User Profile: View and manage user profile, reading progress, and preferences.
• Search Functionality: Search for books, authors, and genres.

Technologies Used

• React Vite: For fast and modern frontend development.
• Tailwind CSS: For styling and responsive design.
• Framer Motion: For animations.
• Storybook: For developing and testing UI components.

Setup Instructions

Prerequisites

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

Installation

1. Clone the repository:

   git clone https://github.com/yourusername/bookmatch-app.git
   cd bookmatch-app
   
   

2. Install dependencies: npm install

or

yarn install

3. Start the development server: npm run dev

or

yarn dev

4. Open http://localhost:3000 to view it in the browser.

Run Storybook

To start Storybook and view UI components:

npm run storybook

or

yarn storybook