A modern, professional Finnish AI prompt directory and management platform
Prompt-Kirjasto Pro is an advanced platform for discovering, managing, and utilizing AI prompts efficiently. Built with modern technologies and featuring an elegant interface optimized for Finnish users.
- 🔍 Smart Search - Advanced semantic search with real-time filtering
- 🏷️ Auto Categorization - Intelligent organization by categories
- ⭐ Favorites System - Save and organize your preferred prompts
- 🎨 Inline Editing - Customize prompts directly in the interface
- 🌙 Dark/Light Mode - Dark and light themes with persistence
- 📱 Responsive Design - Works perfectly on all devices
- 🎯 Advanced Filters - Filter by category, platform, user type
- 🚀 Optimized Performance - Fast loading and smooth animations
- 🔐 User Authentication - Secure login with Supabase
- 🇫🇮 Finnish Language - Fully localized for Finnish users
- Frontend: Next.js 14 (App Router), React 18, TypeScript
- Styling: Tailwind CSS 4 with custom components
- State Management: Zustand with persistence
- Authentication: Supabase Auth
- Database: Supabase PostgreSQL
- UI Components: Lucide React Icons
- Notifications: React Hot Toast
- Animations: Custom CSS transitions
- Deploy: Vercel Ready
- Node.js 18+
- npm or yarn
- Supabase account (for authentication)
- Clone the repository:
git clone https://github.com/Napster13Nord/Prompt-KirjastoPro.git
cd Prompt-KirjastoPro- Install dependencies:
npm install- Configure environment variables:
cp .env.local.example .env.localEdit .env.local with your Supabase credentials:
NEXT_PUBLIC_SUPABASE_URL=your_supabase_project_url
NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key- Run the project:
npm run dev- Open http://localhost:3000 in your browser
prompt-kirjasto-pro/
├── src/
│ ├── app/ # Next.js App Router
│ │ ├── globals.css # Global styles
│ │ ├── layout.tsx # Root layout
│ │ └── page.tsx # Main page
│ ├── components/ # React Components
│ │ ├── Header.tsx # Application header
│ │ ├── FilterSidebar.tsx # Filter sidebar
│ │ ├── PromptCard.tsx # Individual prompt cards
│ │ ├── PromptModal.tsx # Prompt detail modal
│ │ ├── FavoritesModal.tsx # Favorites modal
│ │ └── AuthModal.tsx # Authentication modal
│ ├── store/ # State Management
│ │ └── useAppStore.ts # Main Zustand store
│ ├── lib/ # Utilities
│ │ ├── supabase.ts # Supabase client
│ │ ├── auth.ts # Authentication helpers
│ │ └── csvParser.ts # CSV data parser
│ ├── hooks/ # Custom React hooks
│ │ ├── useAuth.ts # Authentication hook
│ │ └── useHydration.ts # Hydration hook
│ ├── types/ # TypeScript definitions
│ │ └── index.ts # Main types
│ └── data/ # Static data (development)
├── public/
│ └── data/ # Public CSV files
└── ...
- Real-time search with fuzzy matching
- Filter by category, AI platform, developer focus
- Sort by relevance, name, date
- Advanced filtering sidebar
- View traditional and "vibe prompts"
- Inline editing with real-time preview
- Quick clipboard copy functionality
- Tag system and categorization
- One-click favorite addition
- Beautiful favorites modal
- Persistent local storage
- Visual counters and indicators
- Glassmorphism design elements
- Smooth animations and transitions
- Dark/light theme with persistence
- Fully responsive layout
- Custom scrollbars
- Gradient accents
- Secure Supabase authentication
- User registration with name field
- Finnish error messages
- Access code validation
- Email confirmation system
- Connect your repository to Vercel
- Configure environment variables in dashboard:
NEXT_PUBLIC_SUPABASE_URLNEXT_PUBLIC_SUPABASE_ANON_KEY
- Automatic deployment on every push
The project is compatible with any provider supporting Next.js:
- Netlify
- Railway
- AWS Amplify
- DigitalOcean App Platform
Contributions are welcome! Please:
- Fork the project
- Create a feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
- Use TypeScript for all new code
- Follow the existing code style
- Add proper error handling
- Test on both desktop and mobile
- Ensure Finnish translations are accurate
This project is licensed under the MIT License. See the LICENSE file for details.
- Inspired by the excellent work of prompts.chat
- Prompt data based on awesome-chatgpt-prompts repository
- Finnish AI community for feedback and suggestions
- Modern web development community for best practices
If you encounter any issues or have suggestions:
- 🐛 Report bugs
- 💡 Suggest features
- 📧 Contact: [Your Email]
- ✨ Modern glassmorphism UI design
- 📱 Improved mobile experience
- ⭐ Enhanced favorites system with modal
- 🔐 Supabase authentication integration
- 🎨 Custom scrollbars and animations
- 🇫🇮 Complete Finnish localization
Made with ❤️ for the Finnish AI community
Add screenshots of your application here
View Live Demo (Coming Soon)