- Next.js 14
- MongoDB + Mongoose
- NextAuth.js (Google Auth)
- TailwindCSS
- 🌟 Glassmorphism Design — A sleek, modern UI built with visual polish
- ✨ Prompt Discovery & Sharing — Explore prompts or contribute your own
- 📝 Editable & Deletable Prompts — Maintain control over your creations
- 🙍♂️ User Profiles — See all prompts from an individual creator
- 🔍 Search by Tags — Find what you need faster with intelligent filtering
- ✅ Copy to Clipboard — Easily grab a prompt for quick use
- 🔐 Google Authentication — Safe and seamless login experience
- 📱 Fully Responsive — Optimized for mobile, tablet, and desktop
Here’s a quick look at PromptPal in action:
📸 To add your own screenshots, save them in a folder like
assets/screenshots/and update the paths accordingly.
git clone https://github.com/adrianhajdin/project_next_13_ai_prompt_sharing.git
cd project_next_13_ai_prompt_sharing
npm installBefore launching PromptPal, set up your environment variables. Create a file named .env in the root directory and add the following:
NEXTAUTH_URL=http://localhost:3000
NEXTAUTH_URL_INTERNAL=http://localhost:3000
NEXTAUTH_SECRET=your_generated_secret
GOOGLE_ID=your_google_client_id
GOOGLE_CLIENT_SECRET=your_google_client_secret
MONGODB_URI=your_mongodb_connection_stringReplace the placeholder values with your actual credentials. You can obtain these credentials by signing up on these corresponding websites from Google Cloud Console, Cryptpool (for random Auth Secret), and MongoDB.
To run PromptPal securely, you'll need to generate credentials from the following platforms:
| Provider | Credential | Description |
|---|---|---|
| Google Cloud Console | GOOGLE_ID & GOOGLE_CLIENT_SECRET |
Used for OAuth 2.0 authentication via NextAuth |
| Cryptool OpenSSL Generator | NEXTAUTH_SECRET |
Secure, random string for token signing |
| MongoDB Atlas | MONGODB_URI |
Connection string for your cloud-hosted MongoDB database |
💡 After generating these values, add them to your
.envfile before starting the project.
npm run devOpen http://localhost:3000 in your browser to view the project.


