StemLink-GPT

Visit StemLink-GPT- Click here

👩‍💻 About This Project

StemLink-GPT is an AI chatbot specifically built for the STEM Link platform to answer customer questions about STEM Link's offerings and services.

- 🔭 Utilizes prompt suggestions from Google documents
- 📚 Knowledge base for AI is Google documents in specific folder
- ⚡ Uses make.com as automation for turning Google documents into AI knowledgebase

🎓 About STEM Link

STEM Link (accessible at stemlink.online) is a technology education platform focused on bridging the gap between academic learning and industry demands in the IT and software engineering fields. They offer personalized career guidance and industry-focused, project-based live courses designed to equip learners with practical skills and real-world experience. Their programs emphasize hands-on learning through building solid projects that enhance employability, addressing the challenge that only about 15% of graduates currently secure jobs due to skill gaps and outdated university curricula.

🛠 Languages and Tools

🚀 Features

✅ AI Chat Capabilities
✅ Prompt suggestions from Google documents
✅ Knowledge base from Google documents
✅ Integration with make.com for automation
✅ Responsive UI Design
✅ Persistent Conversation History
✅ Real-time Interactions

🔧 Installation

1. Clone the repository
2. Install dependencies:

# For backend
cd backend
npm install

# For frontend
cd client
npm install

3. Set up environment variables in both frontend and backend .env files
4. Run the development servers:

# For backend
cd backend
npm start

# For frontend
cd client
npm run dev

📂 Project Structure

StemLink-GPT_/
├── backend/              # Backend server
│   ├── models/           # Data models
│   ├── routes/           # API routes
│   ├── services/         # Business logic services
│   └── index.js          # Server entry point
├── client/              # Frontend application
│   ├── public/           # Static files
│   └── src/              # Source code
│       ├── components/   # UI components
│       │   ├── chat-input/    # Chat input components
│       │   ├── chatList/      # Chat list components
│       │   ├── mini-chat/     # Mini chat components
│       │   ├── newPrompt/     # New prompt components
│       │   ├── ui/            # UI components
│       │   └── upload/        # Upload components
│       ├── hooks/        # Custom React hooks
│       ├── layouts/      # Layout components
│       │   ├── dashboardLayout/  # Dashboard layout
│       │   └── rootLayout/       # Root layout
│       ├── lib/          # Utility libraries
│       └── routes/       # Application routes
│           ├── chatPage/       # Chat page
│           ├── dashboardPage/  # Dashboard page
│           └── homepage/       # Home page
└── README.md            # Project documentation

📸 Project Screenshots