buildfastwithai · Dilip0552 · Sep 28, 2024 · Sep 28, 2024 · Sep 28, 2024 · Sep 28, 2024
diff --git a/AI Maniacs Project Submission/AI_AID.HTML b/AI Maniacs Project Submission/AI_AID.HTML
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>AI Aid</title>
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        body {
+            height: 100vh;
+            background: linear-gradient(180deg, #001f3f 0%, #001a33 100%); 
+            font-family: Arial, sans-serif;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            color: #ffffff;
+        }
+
+        h1 {
+            margin-bottom: 20px;
+            font-size: 2.5rem;
+            color: #ffffff;
+        }
+
+        iframe {
+            border: none;
+            background: rgba(0, 15, 30, 0.6); /* Dark blue box with 60% transparency */
+            border-radius: 10px;
+        }
+
+        iframe {
+            width: 90%;
+            height: 600px;
+        }
+    </style>
+</head>
+<body>
+    <h1>AI Aid</h1>
+    <iframe src="https://8af799ebd5264850d8.gradio.live"></iframe>
+</body>
+</html>
diff --git a/AI Maniacs Project Submission/AI_Aid.ipynb b/AI Maniacs Project Submission/AI_Aid.ipynb
diff --git a/...e_and_Pink_Minimalist_Video_Game_Developer_Studio_Logo__1_-removebg-preview.png b/...e_and_Pink_Minimalist_Video_Game_Developer_Studio_Logo__1_-removebg-preview.png
diff --git a/AI Maniacs Project Submission/C.jpg b/AI Maniacs Project Submission/C.jpg
diff --git a/AI Maniacs Project Submission/Generate_Notes.ipynb b/AI Maniacs Project Submission/Generate_Notes.ipynb
diff --git a/AI Maniacs Project Submission/Gradio_is_Generating_Questions.ipynb b/AI Maniacs Project Submission/Gradio_is_Generating_Questions.ipynb
diff --git a/AI Maniacs Project Submission/HTML.png b/AI Maniacs Project Submission/HTML.png
diff --git a/AI Maniacs Project Submission/Kotlin.png b/AI Maniacs Project Submission/Kotlin.png
diff --git a/AI Maniacs Project Submission/README.md b/AI Maniacs Project Submission/README.md
@@ -0,0 +1,103 @@
+# Codify - Elevate Your Coding with AI
+
+Welcome to **Codify**, your all-in-one platform to master coding effortlessly with AI-driven tools and curated resources. This project offers practice questions, coding assistance, and theoretical notes tailored for coders and aspiring developers.
+
+## Table of Contents
+
+- [Project Overview](#project-overview)
+- [Features](#features)
+- [Installation](#installation)
+- [Usage](#usage)
+- [Gradio Integration](#gradio-integration)
+- [Temporary Links](#temporary-links)
+- [Credits](#credits)
+
+## Project Overview
+
+Codify is designed to simplify and enhance your coding journey by leveraging AI technologies. The website provides:
+
+- AI-generated coding challenges
+- Curated notes and project guidance
+- Multi-language programming support
+
+The frontend is built with HTML and CSS, providing a smooth user experience and modern design.
+
+## Features
+
+1. **AI-Powered Practice Questions**  
+   Access personalized coding challenges tailored to your skill level, using advanced AI models for accuracy and relevance.
+
+2. **Short Notes & Theory**  
+   Simplified notes and explanations for complex coding concepts.
+
+3. **Problem-Solving Assistance**  
+   AI-driven insights to debug and assist in solving coding problems.
+
+4. **Project Guidance**  
+   Receive AI support and advice for completing coding projects.
+
+5. **Multi-Language Support**  
+   Learn and practice different programming languages with specialized content.
+
+## Live Demo
+https://drive.google.com/file/d/15LzAtiv5cwjOrLmpYP6n5Rj7vAJdp02G/view?usp=sharing
+
+
+## Installation
+
+1. Clone the repository:
+
+    ```bash
+    git clone https://github.com/Dilip0552/hackathon-projects/tree/main/AI%20Maniacs%20Project%20Submission
+    cd codify
+    ```
+
+2. Open the `index.html` file in your preferred browser.
+
+
+## Usage
+
+To run the project locally, simply open the `index.html` in a web browser. The website provides a user-friendly interface for exploring features like AI-powered practice questions, notes, and project guidance.
+
+### Gradio Integration
+
+Codify uses Gradio via Colab notebooks to generate temporary links for interactive AI-driven coding tools.
+
+#### Gradio Process:
+
+1. In your Google Colab notebook, ensure the required libraries like `gradio` and `groq` are installed:
+
+    ```python
+    !pip install gradio
+    !pip install groq
+    ```
+
+3. Used Gradio's `Interface` to expose the model:
+
+4. Once executed, Colab will generate a **temporary link** to access your Gradio interface. 
+
+## Temporary Links
+
+Here are the three temporary Gradio links generated from Colab:
+
+1. [https://8bb1d8e4db7904ca14.gradio.live] 
+   For Generating Questons
+   {Generated from (Gradio is Generating Questions.ipynb) and used in (generate_questions.html)}
+
+3. [https://339ee461b1caa01357.gradio.live]
+   For Generating Notes
+   {Generated from (Generate Notes.ipynb) and used in (generate_notes.html)}
+
+4. [https://8af799ebd5264850d8.gradio.live]
+   For AI Aid
+   {Generated from (AI Aid.ipynb) and used in (AI_AID.HTML)}
+
+
+Note: These links are temporary and will expire once the Colab session ends.
+
+## Credits
+
+- **Frontend Design:** HTML, CSS, and Google Fonts
+- **AI Integration:** Gradio and Google Colab
+- **Temporary Links:** Gradio temporary links were generated using Colab notebooks.
+
diff --git a/AI Maniacs Project Submission/SQL.jpeg b/AI Maniacs Project Submission/SQL.jpeg
diff --git a/AI Maniacs Project Submission/about-us.html b/AI Maniacs Project Submission/about-us.html
@@ -0,0 +1,133 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Codify - About Us</title>
+    <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet">
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+            font-family: 'JetBrains Mono', monospace;
+        }
+
+        body {
+            background: linear-gradient(135deg, #ff4b2b, #ff416c, #833ab4, #4527a0);
+            background-size: 400% 400%;
+            animation: gradientBG 5s ease infinite;
+            color: #fff;
+            margin: 0;
+        }
+
+        @keyframes gradientBG {
+            0% { background-position: 0% 50%; }
+            50% { background-position: 100% 50%; }
+            100% { background-position: 0% 50%; }
+        }
+
+        header, nav, footer {
+            background-color: rgba(0, 0, 0, 0.5);
+            color: #fff;
+            padding: 6px;
+            text-align: center;
+        }
+
+        nav {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+
+        nav img {
+            width: 140px;
+            height: 50px;
+        }
+
+        nav a {
+            color: #fff;
+            padding: 10px 20px;
+            text-decoration: none;
+            font-weight: bold;
+            font-size: 20px;
+            transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
+        }
+
+        nav a:hover {
+            transform: scale(1.2) translateY(-10px);
+            background-color: rgba(255, 221, 87, 0.2);
+            box-shadow: 0 10px 15px rgba(255, 221, 87, 0.4);
+        }
+
+        .about-us-section {
+            padding: 5rem 2rem;
+            text-align: center;
+            margin-top: 60px;
+            background: rgba(0, 0, 0, 0.4);
+            border-radius: 10px;
+            border: 3px solid rgba(255, 221, 87, 0.5);
+        }
+
+        .about-us-section h1 {
+            font-size: 3rem;
+            color: #ffdd57;
+        }
+
+        .about-us-section p {
+            font-size: 1.5rem;
+            margin-top: 20px;
+            line-height: 1.8;
+            text-align: justify;
+        }
+
+        footer {
+            background-color: rgba(0, 0, 0, 0.5);
+            color: #fff;
+            text-align: center;
+            padding: 1.5rem 0;
+            margin-top: 30px;
+        }
+
+        @media (max-width: 768px) {
+            .about-us-section h1 {
+                font-size: 2.5rem;
+            }
+
+            .about-us-section p {
+                font-size: 1.2rem;
+            }
+        }
+    </style>
+</head>
+<body>
+    <header>
+        <nav>
+            <img src="Blue_and_Pink_Minimalist_Video_Game_Developer_Studio_Logo__1_-removebg-preview.png" alt="logo">
+            <div>
+                <a href="index.html">Home</a>
+                <a href="languages.html">Programming Languages</a>
+                <a href="about-us.html">About Us</a>
+                <a href="contact.html">Contact</a>
+            </div>
+        </nav>
+    </header>
+
+    <section class="about-us-section">
+        <h1>About Us</h1>
+        <p>We are four friends who came together with a shared passion for coding and innovation. Our journey began during a hackathon where we decided to create a platform that not only simplifies coding practice but also harnesses the power of AI to offer personalized learning experiences. We believe in breaking down complex coding concepts into manageable steps, making learning fun, interactive, and effective for developers of all skill levels.</p>
+        <br>
+        <p>Codify was born out of our desire to help others improve their coding skills by providing an intuitive platform that adapts to each user's learning style. Whether you are a beginner looking to learn the fundamentals or an experienced developer aiming to hone advanced skills, Codify is designed to cater to your needs.</p>
+        <br>
+        <p>Our platform offers a wide range of features, including AI-powered practice questions, concise notes, theory explanations, and real-time problem-solving assistance. We’ve also integrated curated resources and expert project guidance, making Codify a one-stop solution for your coding journey.</p>
+        <br>
+        <p>As a team, we are committed to constantly evolving and enhancing Codify based on user feedback and the latest technological advancements. Together, we aim to inspire a new generation of coders to reach their full potential by leveraging the power of artificial intelligence.</p>
+        <br>
+        <p>Thank you for joining us on this journey. We are excited to be part of your coding adventure and look forward to helping you achieve your goals!</p>
+    </section>
+
+    <footer>
+        <p>Copyright &copy; 2024 Codify. All Rights Reserved.</p>
+    </footer>
+</body>
+</html>
diff --git a/AI Maniacs Project Submission/c-.png b/AI Maniacs Project Submission/c-.png