Share Prompt

An AI Prompt Sharing App

📖 Table of Contents

1. ✏️ Introduction
2. 💻 Technologies
3. 🎨 Features
4. 👨‍💻 Quick Start

✏️ Introduction

Build a robust Next.js application that showcases Next.js features while implementing a comprehensive CRUD system for sharing AI prompts. The system should utilize MongoDB for data storage and integrate NextAuth for secure authentication.

💻 Technologies

• Next.js
• MongoDB
• NextAuth
• TailwindCSS

🎨 Features

✔️ Prompt Search with Pagination: Effortlessly explore and discover prompts and users with advanced search and smooth pagination.

✔️ 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

👨‍💻 Quick Start

Follow these steps to set up the project locally on your machine.

Prerequisites

Make sure you have the following installed on your machine:

• Git
• Node.js
• npm (Node Package Manager)

Cloning the Repository

git clone https://github.com/chofor-cliford/prompt_sharing.git
cd prompt_sharing

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:

AUTH_SECRET=
AUTH_GOOGLE_ID=
AUTH_GOOGLE_SECRET=

MONGODB_URI=

Replace the placeholders with your actual credentials obtained by signing up on the corresponding websites; Google Cloud Console and MongoDB.

Running the Project

npm run dev

Open http://localhost:3000 in your browser to view the project.