Quotin - Your Personal StartPage & Quote Generator

🌟 Overview

Quotin is a beautiful, customizable startpage that combines inspirational quotes with productivity tools. It serves as your personal space for motivation, organization, and quick access to your favorite content.

✨ Key Features

• Dynamic Quote Generation: Get inspired with beautiful, randomly generated quotes
• Customizable Categories: Organize quotes by themes that matter to you
• Personal Color Schemes: Tailor the startpage to your aesthetic preferences
• Quick Links: Access your favorite YouTube videos and Pinterest boards with a single click
• Notes & Todos: Keep track of your thoughts and tasks directly from your dashboard
• Keyboard Shortcuts: Navigate efficiently with intuitive keyboard commands
• Responsive Design: Seamless experience across all devices

�� Live Demo

Visit Quotin to see it in action!

📸 Screenshots

��️ Technologies Used

• Frontend Framework: Next.js 15 with App Router
• Language: TypeScript
• Styling: Tailwind CSS
• UI Components: Custom components with shadcn/ui
• Icons: React Icons and Lucide React
• Animations: Framer Motion
• Deployment: Vercel

🚀 Getting Started

Prerequisites

• Node.js 16.8 or later
• npm, yarn, or pnpm

Installation

1. Clone the repository

   git clone https://github.com/1amGenius/quotin.git
   cd quotin

2. Install dependencies

   npm install
   # or
   yarn install
   # or
   pnpm install

3. Run the development server

   npm run dev
   # or
   yarn dev
   # or
   pnpm dev

4. Open http://localhost:3000 with your browser to see the result

�� Features in Detail

Quote Generation

• Random inspirational quotes displayed prominently
• Ability to refresh quotes with a single click
• Quotes categorized by themes for easy browsing

Customization

• Personalize your dashboard with custom color schemes
• Choose from a variety of categories to organize your quotes
• Responsive design that works on all devices

Productivity Tools

• Notes & Todos: Create, manage, and organize your thoughts and tasks

  • Keyboard shortcut: Ctrl + Q to open
  • Tabbed interface for easy switching between notes and todos
  • Local storage for persistence

• Quick Links: Access your favorite content instantly

  • YouTube Links: Ctrl + Y to open
  • Pinterest Links: Ctrl + P to open
  • Add and manage links to your favorite videos and boards

User Experience

• Intuitive onboarding process for new users
• Keyboard shortcuts for power users
• Smooth animations and transitions
• Dark mode optimized design

🔧 Configuration

The app can be configured through various settings:

• Categories: Customize which quote categories appear on your dashboard
• Colors: Select your preferred color scheme
• Search Engine: Choose your default search engine
• Quick Links: Add and manage your YouTube and Pinterest links

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

1. Fork the project
2. Create your feature branch (git checkout -b feature/YourAmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature or just blah blah')
4. Push to the branch (git push origin feature/YourAmazingFeature)
5. Open a Pull Request

📝 License

This project is licensed under the MIT License - see the LICENSE file for details.

🙏 Acknowledgments

• Next.js for the amazing framework
• Tailwind CSS for the utility-first CSS framework
• shadcn/ui for the beautiful UI components
• React Icons and Lucide React for the icon sets
• Framer Motion for the smooth animations

📧 Contact

Armin Pkadaman - [email protected]

Project Link: https://github.com/1amGenius/quotin

---

Made with 🖤 by Armin Pakdaman