🚀 AI Prompt Sharing Platform - Built with Next.js 14, MongoDB & NextAuth

A modern AI Prompt Sharing application built with Next.js, MongoDB, NextAuth, and TailwindCSS. This platform allows users to create, share, and explore AI prompts within a beautiful, responsive, and community-driven interface.

---

⚙️ Tech Stack

• Next.js 14
• MongoDB Atlas
• NextAuth (Google OAuth)
• TailwindCSS
• Vercel (for deployment)

---

🔋 Features

✅ Modern Design with Glassmorphism Style
Sleek and modern user interface designed with the glassmorphism trend, providing an elegant and clean user experience.

✅ Discover and Share AI Prompts
Explore AI prompts shared by the community and create, edit, or delete your own prompts.

✅ Profile Management
Each user has a dedicated profile page displaying all their created prompts.

✅ Community Interaction
View profiles and AI prompts of other creators to foster collaboration and sharing.

✅ Copy to Clipboard
Easily copy prompts with a single click using the Copy to Clipboard functionality.

✅ Tag-Based Search System
Search for prompts by specific tags, making discovery of relevant prompts simple and efficient.

✅ Secure Google Authentication
Authenticate securely with NextAuth and Google OAuth, ensuring a safe login process.

✅ Fully Responsive Design
Enjoy a seamless experience on all devices, from desktops to smartphones.

✅ Code Architecture and Reusability
Structured, modular, and reusable code for better scalability and maintenance.

---

🤸 Quick Start Guide

Follow these steps to set up and run the project on your local machine.

📦 Prerequisites

Ensure the following are installed on your system:

• Git
• Node.js (v18 or higher recommended)
• npm

---

⬇️ Clone the Repository

git clone https://github.com/CodeSyedX/promtopia.git
cd promtopia

---

📥 Install Dependencies

npm install

---

⚙️ Set Up Environment Variables

Create a .env file in the root of your project and add the following:

NEXTAUTH_URL=http://localhost:3000
NEXTAUTH_URL_INTERNAL=http://localhost:3000
NEXTAUTH_SECRET=your-random-secret
GOOGLE_ID=your-google-oauth-client-id
GOOGLE_CLIENT_SECRET=your-google-oauth-client-secret
MONGODB_URI=your-mongodb-uri

🔑 Note:

• Generate a NEXTAUTH_SECRET using Cryptool.
• Get GOOGLE_ID and GOOGLE_CLIENT_SECRET from Google Cloud Console.
• Get MONGODB_URI from your MongoDB Atlas cluster connection string.

---

▶️ Run the Project

npm run dev

Visit http://localhost:3000 in your browser to view the application.

---