DevLumen is an AI-powered chatbot designed to assist users in exploring Muhammad Faisal's portfolio. The chatbot is integrated with the Groq API to provide intelligent and context-aware responses. It is built using HTML, CSS, JavaScript, and Express.js for the backend.
- Interactive Chat Interface: Users can interact with the chatbot to get information about Faisal's projects, services, and more.
- Dynamic Responses: The chatbot provides dynamic and context-aware responses using the Groq API.
- User-Friendly Design: The chatbot interface is designed to be intuitive and easy to use.
- Responsive Design: The chatbot is responsive and works well on both desktop and mobile devices.
- Frontend: HTML, CSS, JavaScript
- Backend: Express.js
- API: Groq API
- Styling: Custom CSS
To run this project locally, follow these steps:
-
Clone the Repository:
git clone https://github.com/codebyfaisal/devlumen-chatbot.git cd devlumen-chatbot -
Install Dependencies:
npm install
-
Set Up Environment Variables: Create a
.envfile in the root directory and add your Groq API key:GROQ_API_KEY=your_groq_api_key_here
-
Run the Server:
node server.js
-
Open the Project: Open
index.htmlin your browser to interact with the chatbot.
- Open the Chatbot: Click on the message icon to open the chatbot interface.
- Ask Questions: Type your questions in the input field and press Enter or click the send button.
- Close the Chatbot: Click the close icon to minimize the chatbot.
The chatbot uses the following API endpoint to fetch responses:
- POST /api/chat: Sends user messages to the Groq API and returns the chatbot's response.
- index.html: The main HTML file containing the chatbot interface.
- style.css: Custom CSS for styling the chatbot.
- script.js: JavaScript code for handling chatbot interactions and API calls.
- server.js: Express.js server for handling API requests.
- Muhammad Faisal: For the inspiration and portfolio content.
- Groq: For providing the API for intelligent responses.
For any inquiries, please contact Muhammad Faisal.