Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ladunjexa/nextjs13-prompt-ai-assistant
incredible AI-Prompts Sharing Web Application - modern full-stack Next.js 13 application powered by MongoDB ๐ค
https://github.com/ladunjexa/nextjs13-prompt-ai-assistant
ai-prompts-sharing-web full-stack-webapp google-oauth2 mongodb mongoose next-auth nextjs-13 nextjs-best-practices tailwindcss
Last synced: about 2 months ago
JSON representation
incredible AI-Prompts Sharing Web Application - modern full-stack Next.js 13 application powered by MongoDB ๐ค
- Host: GitHub
- URL: https://github.com/ladunjexa/nextjs13-prompt-ai-assistant
- Owner: ladunjexa
- License: mit
- Created: 2023-05-06T21:17:53.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-05-13T18:30:20.000Z (7 months ago)
- Last Synced: 2024-05-13T19:45:27.951Z (7 months ago)
- Topics: ai-prompts-sharing-web, full-stack-webapp, google-oauth2, mongodb, mongoose, next-auth, nextjs-13, nextjs-best-practices, tailwindcss
- Language: JavaScript
- Homepage: https://nextjs13-prompt-ai-assistant.vercel.app/
- Size: 1.92 MB
- Stars: 12
- Watchers: 1
- Forks: 4
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
![Project Banner](readme_assets/readme_banner.png#gh-dark-mode-only)
![Project Banner](readme_assets/readme_banner-light.png#gh-light-mode-only)
AI-Prompt Sharing Web
well-designed full-stack web application for share & disocver AI-Prompts - using Next.js 13 powered by MongoDB.
View Demo
ยท
Documentation
ยท
Report Bug
ยท
Request Feature
# :notebook_with_decorative_cover: Table of Contents
- [About the Project](#star2-about-the-project)
* [Folder Structure](#bangbang-folder-structure)
* [Tech Stack](#space_invader-tech-stack)
- [Getting Started](#toolbox-getting-started)
* [Environment Variables](#key-environment_variables)
* [Installation](#gear-installation)
* [Run Locally](#running-run-locally)
- [Contributing](#wave-contributing)
- [License](#warning-license)
- [Contact](#handshake-contact)
- [Acknowledgements](#gem-acknowledgements)
## :star2: About the Project
This repository houses an incredible AI-Prompts Sharing Web Application - modern full-stack Next.js 13 application powered by MongoDB ๐ค
### :bangbang: Folder Structure
Here is the folder structure of CreativAI.
```bash
AI-Prompt-Sharing-Web/
|- app/
|-- api/
|-- auth/[...nextauth]
|-- prompt/
|-- [id]/
|-- new/
|-- users/[id]/posts/
|-- create-prompt/
|-- profile/
|-- update-prompt/
|- components/
|- models/
|- public/assets/
|- styles/
|- utils/
|- jsconfig.json
|- next.config.js
|- package.json
|- postcss.config.js
|- tailwind.config.js
```### :space_invader: Tech Stack
[![My Skills](https://skillicons.dev/icons?i=react,nextjs,tailwind,mongodb)](https://skillicons.dev)
## :toolbox: Getting Started
### :key: Environment Variables
In order to use this AI-Prompt Sharing Webapp you have to add some environment variables to .env file,
create `.env` file in root folder & add the following environment variable:
```env
GOOGLE_CLIENT_ID=
GOOGLE_SECRET_ID=
MONGODB_URI=
MONGODB_DB=
NEXTAUTH_URL=
NEXTAUTH_URL_INTERNAL=
NEXTAUTH_SECRET= // generate one using openssl (`openssl rand -base64 32`)
```### :gear: Installation
#### Step 1:
Download or clone this repo by using the command below:```bash
https://github.com/ladunjexa/AI-Prompt-Sharing-Web.git
```#### Step 2:
This webapp using NPM (Node Package Manager), therefore, make sure that Node.js is installed by execute the following command in console:
```bash
node -v
```#### Step 3:
In root folder execute the following command to get the required packages:
```bash
npm install
```### :running: Run Locally
#### Step 1:
Go to root folder and execute the following command in order to run the webapp:
```bash
npm run dev
```## :wave: Contributing
Contributions are always welcome!
See [`contributing.md`](https://contributing.md/) for ways to get started.
Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.
If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement".
Don't forget to give the project a star! Thanks again!1. Fork the Project
2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)
3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the Branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request## :warning: License
Distributed under the MIT License. See [LICENSE.txt](https://github.com/ladunjexa/AI-Prompt-Sharing-Web/blob/main/LICENSE) for more information.
## :handshake: Contact
Liron Abutbul - [@lironabutbul6](https://twitter.com/lironabutbul6) - [@ladunjexa](https://t.me/ladunjexa)
Project Link: [https://github.com/ladunjexa/AI-Prompt-Sharing-Web](https://github.com/ladunjexa/AI-Prompt-Sharing-Web)
## :gem: Acknowledgements
This section used to mention useful resources and libraries that used in CreativAI Webapp:
- [React Framework](https://react.dev/)
- [Next.js 13](https://nextjs.org/)
- [NextAuth.js](https://next-auth.js.org/)
- [TailwindCSS](https://tailwindcss.com/)
- [MongoDB](https://www.mongodb.com/)
- [Mongoose](https://mongoosejs.com/)
- #JSMastery