DSA Study Bot

Overview

The DSA Study Bot is an application designed to assist students in understanding Data Structures and Algorithms (DSA) concepts without providing direct solutions. It uses the Groq API to offer hints, explain key concepts, suggest approaches, and ask guiding questions. This tool is particularly useful for students preparing for technical interviews or solving problems on platforms like LeetCode.

The bot encourages independent problem-solving by providing thoughtful guidance and fostering a deeper understanding of DSA concepts.

Features

• Interactive Chat Interface: Engage in a conversation with the bot to get personalized help on DSA problems.
• Markdown Support: Responses are rendered with rich text formatting, including links, code blocks, and more.
• API Key Management: Securely store and manage your Groq API key.
• Responsive Design: The application works seamlessly across various devices, including desktops, tablets, and mobile phones.

Workflow

Installation

Prerequisites

Before you begin, ensure you have the following installed:

• Node.js (v14 or later)
• npm (v6 or later)
• A Groq API Key (you can obtain one from Groq's website).

Steps

1. Clone the Repository:

   git clone https://github.com/your-username/dsa-teaching-assistant.git
   cd dsa-teaching-assistant

2. Install Dependencies:

   npm install

3. Set Up Environment Variables:

   • Create a .env file in the root of your project.
   • Add your Groq API key to the .env file:

     NEXT_PUBLIC_GROQ_API_KEY=your_api_key_here

4. Run the Application:

   npm run dev

5. Open the Application:

   • Open your browser and navigate to http://localhost:3000.

Usage

1. Enter Your API Key:

   • If you haven't set your API key in the .env file, you will be prompted to enter it when you first use the application.

2. Start a Conversation:

   • Share a LeetCode problem link and your specific question or doubt.
   • The bot will provide hints, explanations, and guiding questions to help you understand the problem without giving away the solution.

3. View Responses:

   • The bot's responses will be rendered with Markdown support, allowing for rich text formatting, including code blocks, links, and more.

Technologies Used

• Next.js: A React framework for building the user interface.
• Tailwind CSS: A utility-first CSS framework for styling the application.
• Groq API: Powers the AI-driven responses and interactions.
• react-markdown: A library for rendering Markdown content in the chat interface.

Contributing

We welcome contributions! If you'd like to contribute to the project, please follow these steps:

1. Fork the Repository:

   • Fork the repository to your own GitHub account.

2. Create a New Branch:

   • Create a new branch for your feature or bug fix:

     git checkout -b feature-branch

3. Make Your Changes:

   • Make your changes and commit them with a descriptive message:

     git commit -am 'Add new feature'

4. Push to the Branch:

   • Push your changes to the branch:

     git push origin feature-branch

5. Create a Pull Request:

   • Open a Pull Request on GitHub, describing your changes and their purpose.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Acknowledgments

• Thanks to the Groq team for providing the API that powers this application.
• Inspired by the need for better DSA learning resources for students and developers.

Contact

For any questions, feedback, or issues, please feel free to reach out:

• Email: VaibhaveeSingh89@gmail.com
• GitHub Issues: Open an issue on the GitHub repository.