Promptopia is a platform where users can create, read, update, and delete prompts for AI. Whether you're brainstorming new ideas or sharing interesting prompts, Promptopia is the perfect place for AI enthusiasts to interact and collaborate.
👉 Modern Design with Glassmorphism Trend Style: A modern and visually appealing design, incorporating the glassmorphism trend style for a sleek and contemporary appearance.
👉 Discover and Share AI Prompts: Allow users to discover AI prompts shared by the community and create their own prompts to share with the world.
👉 Edit and Delete Created Prompts: Users have the ability to edit their created prompts at any time and delete them when needed.
👉 Profile Page: Each user gets a dedicated profile page showcasing all the prompts they've created, providing an overview of their contributions.
👉 View Other People's Profiles: Users can explore the profiles of other creators to view the prompts they've shared, fostering a sense of community.
👉 Copy to Clipboard: Implement a convenient "Copy to Clipboard" functionality for users to easily copy the AI prompts for their use.
👉 Search Prompts by Specific Tag: Allow users to search for prompts based on specific tags, making it easier to find prompts related to specific topics.
👉 Google Authentication using NextAuth: Enable secure Google authentication using NextAuth, ensuring a streamlined and trustworthy login experience.
👉 Responsive Website: Develop a fully responsive website to ensure optimal user experience across various devices, from desktops to smartphones
and many more, including code architecture and reusability
To run Promptopia on your local machine, follow these steps:
git clone https://github.com/ajithkumar110302/prompt.git
cd promptopia
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devOpen http://localhost:3000 with your browser to see the result.
Check out the live version of Promptopia here. https://promptopia-ai-sharing.vercel.app/
You can start editing the page by modifying app/page.js. The page auto-updates as you edit the file.
This project uses next/font to automatically optimize and load Inter, a custom Google Font.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.