Skip to content

Commit

Permalink
Add agenda, resources page, challenges page
Browse files Browse the repository at this point in the history
  • Loading branch information
@bhaskar1001101
bhaskar1001101 committed Sep 19, 2024
1 parent 0cf9ca7 commit 266d4d7
Show file tree
Hide file tree
Showing 3 changed files with 277 additions and 1 deletion.
99 changes: 99 additions & 0 deletions challenges/index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,99 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Freescape IIITK</title>
<style>
body {
font-family: Arial, sans-serif;
line-height: 1.6;
color: #333;
max-width: 800px;
margin: 0 auto;
padding: 20px;
}
h1 {
font-size: calc(24px + 2vw);
}
p {
font-size: calc(14px + 0.5vw);
}
h2 {
font-size: calc(20px + 1.5vw);
}
h3 {
font-size: calc(18px + 1vw);
}
ul, ol {
font-size: calc(14px + 0.5vw);
padding-left: 20px;
}
</style>
</head>
<body>
<h2>Code Sprint</h2>
<p>We have an exciting coding challenge for you! Your task is to replicate a Figma design using HTML and CSS. This challenge will help you improve your front-end development skills.</p>

<h3>Challenge Overview:</h3>
<ul>
<li>Objective: Recreate the given Figma design using HTML and CSS</li>
<li>Difficulty: Beginner</li>
<li>Time: 20 minutes</li>
<li>Skills: HTML5, CSS3, Responsive Design</li>
</ul>

<p>To view the Figma design, please visit: <a href="https://www.figma.com/file/dummylink">Figma Design Link</a></p>

<h3>Tip: Use AI Tools</h3>
<p>To enhance your productivity and creativity during this challenge, consider using AI tools to assist you. Here are some ways AI can help:</p>
<ul>
<li>Generate initial HTML structure based on the Figma design</li>
<li>Suggest CSS styles for responsive layouts</li>
<li>Provide color palette recommendations</li>
<li>Optimize your code for better performance</li>
<li>Debug and troubleshoot issues in your code</li>
</ul>
<p>Remember, while AI tools can be incredibly helpful, it's important to understand the code they generate and make necessary adjustments to meet the specific requirements of the challenge.</p>

<h3>How to Submit Your Solution:</h3>

<ol>
<li>Once you've completed your challenge, show your work to one of the volunteers.</li>
<li>They will review your code and provide feedback.</li>
<li>If approved, they will guide you on how to submit your solution.</li>
</ol>

<h3>Follow these steps to submit your solution via a Pull Request (PR) to our GitHub repository:</h3>

<ol>
<li>Fork the repository: <a href="https://github.com/IIITKalyaniFOSC/iiitkalyanifosc.github.io">https://github.com/IIITKalyaniFOSC/iiitkalyanifosc.github.io</a></li>
<li>Clone your forked repository to your local machine:
<pre><code>git clone https://github.com/your-username/iiitkalyanifosc.github.io.git</code></pre>
</li>
<li>Navigate to the cloned repository:
<pre><code>cd iiitkalyanifosc.github.io</code></pre>
</li>
<li>Create a new branch with a descriptive name:
<pre><code>git checkout -b figma-challenge-yourname</code></pre>
</li>
<li>Create your HTML file:
<pre><code>touch your-name.html</code></pre>
</li>
<li>Add your changes to the staging area:
<pre><code>git add your-name.html</code></pre>
</li>
<li>Commit your changes with a clear, concise message:
<pre><code>git commit -m "Add Figma challenge solution by Your Name"</code></pre>
</li>
<li>Push your branch to your forked repository on GitHub:
<pre><code>git push origin figma-challenge-yourname</code></pre>
</li>
<li>Go to the original repository and create a new Pull Request</li>
<li>Fill in the PR template with details about your submission</li>
<li>Submit the Pull Request and wait for review</li>
</ol>

<p>Good luck, and happy coding!</p>
</body>
</html>
33 changes: 32 additions & 1 deletion index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,12 +14,21 @@
padding: 20px;
}
h1 {
color: #2c3e50;
font-size: calc(24px + 2vw);
}
p {
font-size: calc(14px + 0.5vw);
}
h2 {
font-size: calc(20px + 1.5vw);
}
h3 {
font-size: calc(18px + 1vw);
}
ul {
font-size: calc(14px + 0.5vw);
padding-left: 20px;
}
</style>
</head>
<body>
Expand All @@ -33,5 +42,27 @@ <h1>Aarambh 3.0</h1>


If you're planning on coming, please fill up this <a href="https://forms.gle/DMdP8fCvf85obTF98">Google Form<a/></p> [Form closes 19/9 12:00]

<h2>Agenda</h2>
<h3>Day 1</h3>
<ul>
<li>Setting up a code editor or IDE</li>
<li>UI/UX</li>
<li>Web Development</li>
<li>App Development</li>
<li>Game Development</li>
<li>Web Dev Code Sprint (⌐0_0)</li>
</ul>
<h3>Day 2</h3>
<ul>
<li>AI/ML</li>
<li>Cloud</li>
<li>Blockchain</li>
<li>Hardware</li>
<li>Linux</li>
</ul>

<h2>Resources</h2>
<p>For a comprehensive list of learning resources, please visit <a href="resources.html">this page</a>.</p>
</body>
</html>
146 changes: 146 additions & 0 deletions resources.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,146 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Freescape IIITK</title>
<style>
body {
font-family: Arial, sans-serif;
line-height: 1.6;
color: #333;
max-width: 800px;
margin: 0 auto;
padding: 20px;
}
h1 {
font-size: calc(24px + 2vw);
}
p {
font-size: calc(14px + 0.5vw);
}
h2 {
font-size: calc(20px + 1.5vw);
}
h3 {
font-size: calc(18px + 1vw);
}
ul {
font-size: calc(14px + 0.5vw);
padding-left: 20px;
}
</style>
</head>
<body>
<h1>Resources</h1>
<h3>(This is in progress and will be updated)<br>All current links are AI generated</h3>

<h2>Setting Up Development Environment</h2>
<h3>Code Editors and IDEs</h3>
<ul>
<li><a href="https://code.visualstudio.com/docs/setup/setup-overview">Visual Studio Code</a> - Popular, lightweight code editor</li>
<li><a href="https://visualstudio.microsoft.com/downloads/">Visual Studio</a> - Comprehensive IDE for various programming languages</li>
<li><a href="https://cursor.sh/">Cursor</a> - AI-powered code editor for efficient development</li>
<li><a href="https://neovim.io/doc/user/">Neovim</a> - Hyperextensible Vim-based text editor</li>
<li><a href="https://www.gnu.org/software/emacs/manual/html_node/emacs/index.html">Emacs</a> - Extensible, customizable, free/libre text editor</li>
</ul>

<h3>Installing GCC/MinGW (C/C++ Compiler)</h3>
<h4>For Windows:</h4>
<ul>
<li><a href="https://sourceforge.net/projects/mingw/">MinGW</a> - Minimalist GNU for Windows</li>
<li>Installation steps:
<ol>
<li>Download the MinGW installer</li>
<li>Run the installer and select the packages you need (at least gcc-core, gcc-g++)</li>
<li>Add MinGW's bin directory to your system's PATH</li>
</ol>
</li>
<li>Alternatively, use Windows Subsystem for Linux (WSL):
<ol>
<li>Enable WSL through <a href="https://docs.microsoft.com/en-us/windows/wsl/install">Windows Features or PowerShell</a></li>
<li>Install a Linux distribution from the <a href="https://apps.microsoft.com/detail/9pdxgncfsczv?ocid=webpdpshare">Microsoft Store</a> (e.g., Ubuntu)</li>
<li>Open the Linux distribution and update packages:
<pre><code>sudo apt update
sudo apt upgrade</code></pre>
</li>
<li>Install GCC:
<pre><code>sudo apt install build-essential</code></pre>
</li>
</ol>
</li>
</ul>

<h4>For Linux:</h4>
<ul>
<li>Most Linux distributions come with GCC pre-installed</li>
<li>To install or update GCC on Ubuntu/Debian:
<pre><code>sudo apt update
sudo apt install build-essential</code></pre>
</li>
<li>To install on Fedora:
<pre><code>sudo dnf install gcc gcc-c++</code></pre>
</li>
<li>Verify installation:
<pre><code>gcc --version
g++ --version</code></pre>
</li>
</ul>

<h2>Web Development</h2>
<ul>
<li><a href="https://developer.mozilla.org/en-US/docs/Learn">MDN Web Docs</a> - Comprehensive web development documentation</li>
<li><a href="https://www.freecodecamp.org/learn/responsive-web-design/">freeCodeCamp - Responsive Web Design</a> - Free interactive course</li>
<li><a href="https://www.w3schools.com/">W3Schools</a> - Web development tutorials and references</li>
</ul>

<h2>App Development</h2>
<ul>
<li><a href="https://developer.android.com/courses">Android Developers</a> - Official Android development courses</li>
<li><a href="https://developer.apple.com/tutorials/swiftui">Apple Developer - SwiftUI Tutorials</a> - iOS app development with SwiftUI</li>
<li><a href="https://flutter.dev/docs/get-started/codelab">Flutter - Get started</a> - Cross-platform app development</li>
</ul>

<h2>Game Development</h2>
<ul>
<li><a href="https://unity.com/learn">Unity Learn</a> - Tutorials and courses for Unity engine</li>
<li><a href="https://docs.unrealengine.com/5.0/en-US/unreal-engine-5-tutorial-for-beginners/">Unreal Engine 5 Tutorial for Beginners</a> - Getting started with Unreal Engine</li>
<li><a href="https://www.pygame.org/wiki/tutorials">Pygame Tutorials</a> - Game development with Python</li>
</ul>

<h2>AI/ML</h2>
<ul>
<li><a href="https://www.coursera.org/learn/machine-learning">Coursera - Machine Learning</a> - Stanford's popular ML course</li>
<li><a href="https://www.tensorflow.org/learn">TensorFlow Tutorials</a> - Official TensorFlow learning resources</li>
<li><a href="https://pytorch.org/tutorials/">PyTorch Tutorials</a> - Learn PyTorch for deep learning</li>
</ul>

<h2>Cloud Computing</h2>
<ul>
<li><a href="https://aws.amazon.com/training/">AWS Training and Certification</a> - Amazon Web Services learning paths</li>
<li><a href="https://cloud.google.com/training">Google Cloud Training</a> - Google Cloud Platform courses</li>
<li><a href="https://docs.microsoft.com/en-us/learn/azure/">Microsoft Learn - Azure</a> - Azure cloud services tutorials</li>
</ul>

<h2>Blockchain</h2>
<ul>
<li><a href="https://ethereum.org/en/developers/learning-tools/">Ethereum Developer Resources</a> - Learn Ethereum development</li>
<li><a href="https://hyperledger-fabric.readthedocs.io/en/release-2.2/tutorials.html">Hyperledger Fabric Tutorials</a> - Enterprise blockchain framework</li>
<li><a href="https://developers.eos.io/welcome/latest/tutorials">EOSIO Developer Portal</a> - Blockchain software tutorials</li>
</ul>

<h2>Hardware</h2>
<ul>
<li><a href="https://www.arduino.cc/en/Tutorial/HomePage">Arduino Tutorials</a> - Getting started with Arduino</li>
<li><a href="https://projects.raspberrypi.org/en/projects">Raspberry Pi Projects</a> - Hands-on Raspberry Pi tutorials</li>
<li><a href="https://www.edx.org/course/embedded-systems-shape-the-world-microcontroller-i">edX - Embedded Systems Course</a> - Introduction to microcontrollers</li>
</ul>

<h2>Linux</h2>
<ul>
<li><a href="https://linuxjourney.com/">Linux Journey</a> - Learn the ways of Linux-fu, for free</li>
<li><a href="https://www.linux.com/training-tutorials/">Linux.com Tutorials</a> - Various Linux tutorials and guides</li>
<li><a href="https://www.edx.org/course/introduction-to-linux">edX - Introduction to Linux</a> - Comprehensive Linux course</li>
</ul>
</body>
</html>

0 comments on commit 266d4d7

Please sign in to comment.