Skip to content

Latest commit

 

History

History
53 lines (40 loc) · 2.32 KB

README.md

File metadata and controls

53 lines (40 loc) · 2.32 KB
Raw

Quote Generator App

This is a simple React app created with Vite and styled using Tailwind CSS. The app allows users to generate random quotes, filter quotes by tags, bookmark quotes, and view their bookmarked quotes.

Features

  • Load a random quote on the homepage.
  • Generate another random quote with a button click.
  • View a list of available tags in a dropdown.
  • Filter quotes based on selected tags.
  • Bookmark quotes for future reference.
  • View and remove bookmarked quotes on the bookmarks page.

Technologies Used

React    Node.js    Redux.js    React Router    Tailwind CSS    JavaScript    Vite

  • React
  • Vite
  • Tailwind CSS
  • Redux Toolkit (for state management)
  • React Router Dom (for navigation)
  • Redux Toolkit

Project Structure

The project structure follows the standard setup for a React project with Vite. Here are the main folders:

  • src: Contains the source code for the React components, Redux slices, and styles.
    • pages: Components for Pages of App(Home, Bookmarks).
    • components: Reusable UI components (e.g.,Layout, QuoteCard, LoadingIndicator).
    • store: Redux slices for managing global state.
    • styles: Stylesheets, including Tailwind CSS.
  • dist: Static assets and the index.html file, folder created on running npm run build.

Setup Instructions

git clone https://github.com/rd273001/Quote_Generator.git
cd Quote_Generator
npm install
npm run dev

Open http://localhost:3000 in your browser to view the app

  • npm run build: This will generate an optimized build in the dist folder.