/ProjectHub

A comprehensive platform that integrates various ai-powered tools and useful websites

Primary LanguageTypeScriptMIT LicenseMIT

Welcome to Project HUB

A comprehensive platform that integrates various ai-powered tools and useful websites. It is a one-stop hub for resources such as language translator ,an image generator etc .Whether users have developed a new AI authentication, tool, a useful website, or enhancing any other digital project, application users can submit for approval . Once approved by the admin , the project will be added to the project section providig a platform for sharing their work with the community.

Live demo

The site is deployed through Vercel, which you can view from here

๐Ÿš€ Main Features

  • ChatBot
  • 3D Animations
  • Approval System
  • Role-based Authentication
  • Custom Loader
  • Discussion section
  • Search and voice-to-text
  • Real-time Notifications
  • Real-Time data updates

๐Ÿ“ƒPages

  • Homepage
  • Add project page
  • Contact page
  • Admin page (accessible only to admin)
  • Discussion page(for each project)
  • Message page (admin only)
  • 404 Error page

๐Ÿ’ป Tech Stack

  • Nextjs
  • Typescript
  • NextAuth
  • Tailwindcss
  • MongoDB
  • Docker
  • Jest

๐Ÿค Credits

3D Animation : LottieFiles
ChatBot Model : OpenAI Api

Prerequisites

Required to install and run the software:

  • pnpm

If you don't have pnpm installed, you can install it by following the below steps :

Using npm

npm install -g pnpm

Using Homebrew

If you have the package manager installed, you can install pnpm using the following command:

brew install pnpm

Using winget

If you have winget installed, you can install pnpm using the following command:

winget install pnpm

Using Scoop

If you have Scoop installed, you can install pnpm using the following command:

scoop install nodejs-lts pnpm

Using Choco

If you have Chocolatey installed, you can install pnpm using the following command:

choco install pnpm

Alternatively you can delete the pnpm-lock.yaml file and install the dependencies with either yarn or npm

This is a Next.js project bootstrapped with create-next-app

๐ŸŒŸ Getting Started

create a .env file and paste the follwing content in there :

GITHUB_ID=""
GITHUB_SECRET=""
GOOGLE_ID=""
GOOGLE_SECRET=""
SECRET=""
MONGODB_URI=""
NEXT_PUBLIC_ADMIN_EMAIL=""
OPENAI_API_KEY=""

Now, create your own credentials for the providers , OpenAI api and MongoDB cluster and place them in the corresponding fields ,put the email in the NEXT_PUBLIC_ADMIN_EMAIL field which you want to give admin privileges

From the project folder, run these commands in the console (terminal) to install dependencies and run the app:

npm run dev
# or
yarn dev
# or
pnpm dev

Open http://localhost:3000 with your browser to see the result.

๐Ÿ–ผ๏ธ Some glimpse of the site

Login Page

Screenshot 2023-07-16 at 7 17 10 PM

Home Page

Screenshot 2023-09-09 at 11 46 37 PM

Add Project Page

Screenshot 2023-09-09 at 11 50 31 PM

Contact Page

Screenshot 2023-07-17 at 1 26 30 PM

Admin Page

Screenshot 2023-07-16 at 7 24 40 PM

Discussion Page

Screenshot 2023-09-09 at 11 48 18 PM

Message Page

Screenshot 2023-07-18 at 4 24 31 PM

404 Page

Screenshot 2023-07-18 at 4 23 17 PM

ChatBot

Screenshot 2023-07-18 at 4 19 33 PM

Search and voice-to-text

Screenshot 2023-09-09 at 11 51 25 PM

๐Ÿ› Bug Reporting

Feel free to open an issue on GitHub if you find any bug.

โญ Feature Request

Feel free to Open an issue on GitHub to request any additional features you might need for your use case.

๐Ÿค Contributing to the Project

If you wish to contribute to the project, we advise checking out the CONTRIBUTING.md file as a starting point. We expect that you adhere to the guidelines mentioned in the CONTRIBUTING.md and CODE_OF_CONDUCT.md.

๐Ÿ“œ License

This software is open-source, licensed under the MIT License.

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform

Check out the Next.js deployment documentation for more details.