Zen Quotes is a visually stunning Next.js application that generates inspirational quotes with interactive features, and immersive design. This project combines modern web technologies to create a delightful user experience for those seeking daily motivation and wisdom.
-
Dynamic Quote Generation
- Fetches quotes from multiple online sources
- Fallback to local quotes if external APIs fail
- Supports inspirational and wisdom categories
-
Stunning Visual Design
- Animated particle background
- Dynamic gradient color schemes
- Responsive and elegant quote display
- Subtle hover and reveal animations
-
Interactive Elements
- Generate new quote
- Copy quote to clipboard
- Share on Twitter and Facebook
- Responsive design
- React
- TypeScript
- Tailwind CSS
- Lucide React Icons
- Framer Motion (for animations)
- Node.js (v16 or later)
- npm or Yarn
- Clone the repository
git clone https://github.com/yourusername/zen-quotes.git
cd zen-quotes- Install dependencies
npm install
# or
yarn install- Run the development server
npm run dev
# or
yarn dev