Promptopia
Promptopia is a web application designed as a social platform for sharing, discovering, and managing AI prompts.
Project Screenshots
Site home page
Overview
Promptopia is a web application designed as a social platform for sharing, discovering, and managing AI prompts. As a tutorial project, it demonstrates the fundamentals of full-stack web development. Key features include: • User Authentication: Users can sign up, log in, and manage their profiles. • Prompt Creation & Sharing: Authenticated users can create and publish prompts to a public feed. • Prompt Discovery: Users can browse, search, and filter prompts submitted by others. • Prompt Management: Edit or delete your own prompts. • Responsive Design: Optimized for mobile and desktop use.
Challenges & Solutions
• Full-Stack Integration: - Challenge: Coordinating frontend and backend logic for prompt CRUD operations and user authentication, especially for beginners. - Solution: Used Next.js for both frontend and backend (API routes) in a unified codebase, following the tutorial's guidance. • Dynamic Routing and State Management: - Challenge: Managing routes for user profiles, prompt editing, and feed filtering. - Solution: Used Next.js dynamic routing and React state/hooks for UI updates.
Implementation
Built using: • Next.js and JavaScript for the frontend. • Tailwind CSS for styling, ensuring a modern and responsive design. • Next.js API routes for server-side logic. • MongoDB for data persistence, via Mongoose or native driver. • NextAuth for Google login and session handling.