-
Notifications
You must be signed in to change notification settings - Fork 11
/
ideas.html
153 lines (131 loc) · 6.76 KB
/
ideas.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!DOCTYPE html>
<html class="no-js" lang="">
<head>
<!-- Meta tags. Specify text-encoding, site info, site size. -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="Mundelein High School Byte Club Website">
<meta name="keywords" content="Mundelein,High,School,Programming,Byte,Club,Farmer,Rouvinov,Cygnus,Palacios,Kenny">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Site title. Shows up on tab. -->
<title>MHS Byte Club</title>
<!-- Stylesheets. hi Specify how the content of the site should look and feel, e.g. { color: red; font-family: Comic Sans MS; } -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/style.css">
<!--Snazzy fonts-->
<link href="https://fonts.googleapis.com/css?family=Audiowide" rel="stylesheet">
<!-- Add a sign in when we can use javascript -->
<script src="js/vendor/modernizr-2.8.0.min.js"></script>
<!-- added JQuery --->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<!-- Let's have some button fun -->
<script src="js/buttonFun.js"></script>
</head>
<body>
<!-- The following comment only runs if your on less than (lt) Internet Explorer (IE) 8 -->
<!--[if lt IE 8]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<!-- Border of Binary Code -->
<div class="binary">
</div>
<!-- content goes in here -->
<div class="container">
<div id="wrap" class="container">
</div>
<h2>Large-Scale Project Ideas</h2>
<ul>
<li>Finish Mustang Madness - Multiplayer Rock/Paper/Scissors Game</li>
<li>Link Stampede - Chrome Extension that allows you to see if a link is blocked by CIPA filter without clicking it.</li>
<li>Byte Club Site Redesign - incorporate responsive design, login and account system</li>
<li>Hour-of-Code Event during December (CSEd week)</li>
<li>projecteuler.net</li>
<li>USACO problems</li>
<li>3D game design and modeling(yes, it is a job)</li>
<li>Byte Me Game 4</li>
<li>Partnership with Science club and Robotics</li>
<li>Certificates for getting past KhanAcademy tutorial things</li>
<li>And other projects</li>
</ul>
<h3>Beginner Projects</h3>
<ul>
<li>Complete 1 or more courses on the following:
<ul>
<li><a href="">Codecademy</a></li>
<li><a href="">CodeHS</a></li>
<li><a href="">FreeCodeCamp</a></li>
<li><a href="">CS50</a></li>
<li><a href="">KhanAcademy</a></li>
</ul>
</li>
<li>Build a text game (Any language)</li>
<li>Build a static webpage (HTML/CSS)</li>
<li>Build a clone of your favorite website (HTML/CSS/JS)</li>
<li>Build a responsive website (mobile and desktop) using Bootstrap, Skeleton, or other responsive framework.</li>
<li>Build an Area or Volume Calculator</li>
<li>Build a Cookie-clicker clone (App Inventor, Scratch, ProcessingJS)</li>
<li>Build a Space Invaders clone (App Inventor, Scratch, ProcessingJS)</li>
<li>Build a random sentence generator (Python, ProcessingJS)</li>
<li>Build a Guess My Number game(Python)</li>
<li>Create a simple physics simulation, like a bouncing ball with gravity (VPython, ProcessingJS)</li>
<li>Create an animation that can be used in a static website (ProcessingJS)</li>
<li>Create a Fortune Teller program, like a Magic 8-ball (Any language)</li>
</ul>
<h3>Intermediate Projects</h3>
<ul>
<li>Build a tic-tac-toe game (Python, ProcessingJS, other language)
<ul>
<li>Include an AI to play against!</li>
</ul>
</li>
<li>Build a web scraper that pulls data from a public website (Python, Ruby, Node.js)</li>
<li>Create a Command Line Interface to interact with your web scraper (Python, Ruby)</li>
<li>Implement a web API into a web-based project (HTML/CSS/JS)</li>
<li>Implement an OAuth sign-in to a web-based project (HTML/CSS/JS, Ruby, Python)</li>
<li>Simulate a Physics process (Newtonian Gravity, Conservation of Momentum in Collisions, Projectile Motion, etc.) </li>
<li>Build an online whiteboard using HTML5 canvases</li>
<li>Create an Address Book program with a command line interface</li>
<li>Create an online To-Do List</li>
<li>Implement the Twitter API to create a Twitter Bot</li>
</ul>
<h3>Advanced Projects</h3>
<ul>
<li>Implement a Topic Analysis algorithm for analyzing the topic of a string of text</li>
<li>Create a single-page web app (Ruby, Python, HTML/CSS/JS)</li>
<li>Create a simple Node.js web server</li>
<li>Create a chat program (Node.js/Socket.io, Python, Ruby)</li>
<li>Create an Instagram clone (or other Social Net) (Ruby, Python, Node.js, HTML/CSS/JS)</li>
</ul>
<p>Still can't find a good idea? Check out this <a href="https://www.dreamincode.net/forums/topic/78802-martyr2s-mega-project-ideas-list/">awesome list of project ideas.</a></p>
<br>
<hr>
<footer>Go back to the <a href="index.html">Home Page</a></footer>
<footer>Site source available on <a href="https://github.com/MHSByteClub/mhsbyteclub.github.io">GitHub</a>.</footer>
<script>
$(function(){
$("#wrap").load('nav.html');
});
</script>
<style>
.binary {
position: fixed;
top: 0px;
left: 0px;
font-size: 8px;
-webkit-transform: translateX(-50%) rotate(-90deg) translateY(50%) translateX(-50%);
-moz-transform: translateX(-50%) rotate(-90deg) translateY(50%) translateX(-50%);
-ms-transform: translateX(-50%) rotate(-90deg) translateY(50%) translateX(-50%);
-o-transform: translateX(-50%) rotate(-90deg) translateY(50%) translateX(-50%);
transform: translateX(-50%) rotate(-90deg) translateY(50%) translateX(-50%);
}
</style>
<script>
var binaryString = "01001001011001100010000001111001011011110111010100100111011100100110010100100000011100100110010101100001011001000110100101101110011001110010000001110100011010000110100101110011001000000100101001001111010010010100111000100000010000100101100101010100010001010010000001000011010011000101010101000010";
for(var i=0; i<binaryString.length; i++) {
var div = document.getElementsByClassName("binary")[0];
div.innerText += binaryString[i];
}
</script>
</body>
</html>