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.
Top comments (0)