Prompt Planet is a revolutionary project that showcases the power of AI in software development. Every single line of code, documentation, and design decision in this project was generated by AI, demonstrating the incredible capabilities of modern AI systems in creating full-scale applications.
🌐 Live Demo: https://prymtix.com
Clean and modern homepage design with featured prompts
Multi-step prompt creation wizard with real-time preview
Category-based navigation and prompt discovery
Personal dashboard with prompt management
-
Prompt Creation & Management
- Multi-step creation wizard (5 steps)
- Basic info form with title and description
- Markdown editor for prompt content
- Image upload with preview (multiple images supported)
- Category selection with visual indicators
- Tag system with 5 tags limit
- Auto-save draft functionality
- Preview before publishing
- Language selection (English/Chinese)
-
Browse & Discovery
- Category-based navigation
- Featured prompts section
- Popular tags display
- Testimonials showcase
- Responsive grid layout
- Quick copy functionality
-
User System
- Email-based authentication
- Personal dashboard
- Prompt collection management
- Usage tracking
- Language preference settings
-
Performance & UX
- Client-side form validation
- Smooth step navigation
- Toast notifications
- Responsive design
- Loading states
- Error handling
- Scroll management
-
SEO & Accessibility
- Next.js App Router with built-in SEO support
- Dynamic meta tags generation
- Structured data for rich snippets
- Semantic HTML structure
- Optimized meta descriptions
- Automatic sitemap generation
- Social media preview cards
- Multi-language SEO support
- Automatic dark mode: The site automatically follows the user's system preference (light/dark) using
prefers-color-scheme. - Manual toggle: Users can manually switch between light and dark mode via the navigation bar button. The choice is remembered in localStorage and takes precedence over system settings.
- Seamless experience: If the user has not manually selected a mode, the site will always follow the system's color scheme, and will update in real time if the system preference changes.
-
Frontend
- Next.js 15 with App Router
- React 18 with Server Components
- Tailwind CSS 4
- React Query for data fetching
- React Hook Form for form handling
- Zustand for state management
-
Backend & Database
- Supabase for backend services
- PostgreSQL with Row Level Security
- Real-time subscriptions
- Edge Functions
-
Storage & CDN
- Cloudflare R2 for object storage
- Cloudflare CDN for global delivery
- Image optimization and processing
-
Caching & Performance
- React Query caching
- Next.js static and dynamic caching
- Incremental Static Regeneration (ISR)
- Service Worker for offline support
- Edge caching with Cloudflare
- Redis for server-side caching (coming soon)
-
Development & Deployment
- TypeScript for type safety
- ESLint and Prettier for code quality
- GitHub Actions for CI/CD
- Vercel for deployment
- Environment isolation
Visit https://prymtix.com to use the application directly.
- Node.js 18.x or higher
- npm or yarn
- Supabase account
- Cloudflare R2 bucket
# Clone the repository
git clone https://github.com/StevenQi7/Prompt-Planet.git
# Install dependencies
cd Prompt-Planet
npm install
# Set up environment variables
cp .env.example .env.local
# Start development server
npm run devVisit http://localhost:3000 to view the application.
- Feature Documentation
- API Documentation
- Development Guide
- Deployment Guide
- Changelog
- Contributing Guidelines
We welcome contributions! Please read our Contributing Guidelines before submitting any changes.
- GitHub Issues: Create an issue
- Email: strani@163.com
This project is licensed under the MIT License - see the LICENSE file for details.
Powered by AI - From Code to Documentation