DEV Community

Cover image for Daily Quote App
51 Vaishnavi Raykar
51 Vaishnavi Raykar

Posted on

Daily Quote App

Daily Quotes Generator

In this project, I developed a Daily Quotes Generator using Next js, Tailwind CSS and Shadcn UI for enhanced UI components.

Features

  • Daily Quote Display

    The app displays a new inspirational quote each day, providing motivation and positivity to users. The quote updates in real-time with a visually appealing clock and date display.

  • Quote Generation and Selection

    Users can generate a new quote by pressing the "Generate New Quote" button. Additionally, the app allows users to request specific categories of quotes, like Motivational, Inspirational, Positive, Life, or Wisdom. Based on the input category, the app retrieves an appropriate quote using predefined logic.

  • Enhanced User Interface

    The interface is designed with Shadcn UI components for a clean and modern look, and Tailwind CSS for responsive and stylish layouts. The design includes interactive elements, such as buttons for liking, refreshing, and sharing quotes, with smooth transitions and animations to improve user experience.

This setup makes the Daily Quotes Generator both functional and visually engaging, promoting a positive and uplifting experience for users.

See my project- Link

Top comments (0)