This project utilizes Next.js, MongoDB, NextAuth, and TailwindCSS to create a modern web platform where users can discover, create, and share AI prompts, featuring a sleek glassmorphism design, user profiles, prompt management, tag-based search, Google authentication, and full responsiveness.
Check out the live demo here.
- Next.js
- MongoDB
- Javascript
- TailwindCSS
- NextAuth
- Discover and Share AI Prompts: Explore prompts from the community and share your own creations effortlessly.
- Edit and Delete Prompts: Customize your prompts anytime and remove them when necessary.
- Explore Creator Profiles: Connect with other creators by browsing their profiles and exploring their shared prompts.
- Tag-Based Prompt Search: Easily find prompts related to specific topics with tag-based search functionality.
- Secure Google Authentication: Enjoy a trustworthy login experience with secure Google authentication powered by NextAuth.
Prerequisites
Make sure you have the following installed on your machine:
Cloning the Repository
git clone https://github.com/kutaysahindev/share-prompts.git
cd share-prompts
Installation
Install the project dependencies using npm:
npm install
Set Up Environment Variables
Create a new file named .env
in the root of your project and add the following content:
NEXTAUTH_URL=http://localhost:3000
NEXTAUTH_URL_INTERNAL=http://localhost:3000
NEXTAUTH_SECRET=
GOOGLE_ID=
GOOGLE_CLIENT_SECRET=
MONGODB_URI=
Replace 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.
Running the Project
npm run dev
Open http://localhost:3000 in your browser to view the project.