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
Home Page
Add Project Page
Contact Page
Admin Page
Discussion Page
Message Page
404 Page
ChatBot
Search and voice-to-text
๐ 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.