oof
Team

yourself
Project Description
A longer description of the project compared to the one liner.
Features
Talk about some cool things your project does here. You can use a:
- Bulleted
- List
- Like
- This
How It's Built
Talk about how you built this project in technical terms. Talk about the languages, frameworks, and tools you used to create this project.
oops
Team

yourself
Project Description
A longer description of the project compared to the one liner.
Features
Talk about some cool things your project does here. You can use a:
- Bulleted
- List
- Like
- This
How It's Built
Talk about how you built this project in technical terms. Talk about the languages, frameworks, and tools you used to create this project.
Lol why cant i delete this
Team

mikmikmiky0
Project Description
A longer description of the project compared to the one liner.
Features
Talk about some cool things your project does here. You can use a:
- Bulleted
- List
- Like
- This
How It's Built
Talk about how you built this project in technical terms. Talk about the languages, frameworks, and tools you used to create this project.
Tic Tac Toe
Team

Miniapple8888
Student developer | HackitForward Dev
Project Description
Game of Tic Tac Toe made with Pygame!
Features
Users can play both as 'X' and 'O', alternating between each click. 'X' always starts first.
- Left click on a square area in the grid to put down a 'X' or a 'O'
- Right click to reset the game
- Determines whether the board has a terminal state ('X' or 'O' won or tie) and displays message accordingly
How It's Built
This project was built using Python and Pygame, a framework for creating games with Python!
This project was fun to make! It's very simple and the 'X's and 'O's are badly aligned, but that's okay!
Intro to Git: Git Toolkit
Team

smrahman1
Project Description
https://github.com/smrahman1/Learnathon-1 https://gitlab.com/smrahman1/Learnathon-1 https://bitbucket.org/Pogman1/git-repo/src/master/
Tic-Tac-Toe Game with Python
Team

3Gigs
Project Description
A simple tic-tac-toe game built with pure python
Features
- 2-Players
- Insert X and O's using grid numbers
- Stops program on tie
- Automatically check for winner
- Very portable (Pure python, no libraries)
How it's built
This program is quite simple, and uses pure python (no libraries!). The program determines the players' turn, then asks the player to input a grid number (from 1-9) where to place their mark. Then an algorithm checks if there's a winner for each row, column, or diagonals.
Intro to Git: Git Toolkit
Team

3Gigs
Project Description
My Python game project for 3 different git repositories
Github & Bitbucket & Gitlab for 3 projects
Team

Miniapple8888
Student developer | HackitForward Dev
Project Description
I pushed all my first 3 projects into 3 different git version control platforms: Github, Bitbucket, and Gitlab.
Fun fact: these 3 projects are from the first 3 challenges of Learnathon21!
What I learned
I learned how to insert a new ssh key to authenticate myself with one of the versioning platform and use platforms such as Bitbucket and Gitlab which I have never used before!
Process is overall very similar:
- Add a repo on their platform.
- Use
git init
to initialize the repo on your local project. - Add remote by doing
git remote add <remoteName> <remoteURL>
- Add all local files to repo by doing
git add .
&git commit -m <message>
- Push the changes to the remote repo!
git push --set-upstream origin master
And we're done! ^^
Jump
Team

frederic
Somewhat experienced coder, avid learner
Project Description
This is a 2D platformer with a hint of "rage game" I made a few months ago for fun. This isn't an actual submission for Learnathon prizes.
In the game, the controls are very simple: you jump using the spacebar in a desired direction shown by an arrow rotating around the player, and you stick to the first surface you touch. You can also pause by using "P" and restart a level by using "R". You beat a level by touching the lazily tinted platform at the top. As you beat levels, you can go back to unlocked levels in the main menu. As of submission, there are only 3 levels.
Feel free to message me on Discord if you want any further information about game mechanics or the code behind them!
The game was made in Unity and using C# scripts, and I made my sprites in Photoshop.
Check link below to play on your browser on itch.io
Loner's Chat App
Team

Niwri

Ranotic

andrewn0316
Project Description
Features
- One-on-None Messaging
- Name Changes
- Status
- Recent Messages
- Time stamps
- Multiple themes
- Profile pictures
- Drop-down menus
How It's Built
HTML: Used flexbox to organize the various elements. Buttons and onClick attributes were used to communicate with Javascript functions. Used <ul> to create a framework and <div> for more in-depth designs. Added "data-tab" to differentiate between contacts and chats. Textareas were used for chat inputs to allow the user to type in multiple lines. Lastly, I identified several elements with IDs and Classes to simplify their designs through CSS and communicate with them through Javascript.
CSS: Used several different styles to bring the webpage designs together in all ids and classes. Created a :root which contains various variable names for colors that would change depending on the selected theme. Customized the scrollbar and implemented svg designs for the status icon.
Javascript: Created three javascript files.
-readChat.js:
Translates a chat log made of an array of strings into HTML elements. It simulates retrieving a chat-log from a database and translating it into the webpage. It iterates through each tab, translating the array that matches with the tab's id.
-main.js
The main Javascript file which holds all the interactions with the webpage. For instance, it controls the display of navigation menus (toggles on and off with onClick). Additionally, it changes the displayed chat depending on the selected tab. There are also theme functions wherein it changes the CSS color variables depending on the selected input (type radio). Most importantly, it facilitates the message inputs into the chat with the time stamp.
-electronApp.js
The file which allows the HTML to be in a desktop app format. It uses electron dependencies to do so. It sets up the dimensions and basic functions such as closing the app and starting it up.
Where To Download
Click on the google drive link below and download the zip. Note that, to display it on a web browser, you must comment/remove out the first two lines of "main.js". The two variables are used to display it with electron dependencies, which are not connected to a web browser like google.
Aside from web browsers, it is accessible by clicking on the .exe shortcut in the main directory.
Super Simple 2D Platformer
Team

3Gigs
Project Description
Super simple 2D Platformer for challenge 3
Features
It's quite buggy and there's very few features, but it has
- Physics
- Movement with left and right arrow keys
- Work collision
- Working jumping that with working ground checker to prevent jumping in-air
How It's Built
For physics and movement used Unity Rigidbody2D methods to move via adding velocity to the character, from what I've researched this is a quite stable method of movement.
All assets are public domain from OpenGameArt
Hangman - Ammar Jaleel Mahmood
Team

ammarmahmood288
Project Description
This is my hangman project. If you have any questions please feel free to send me a message on discord @ hanging_with_my_gnomies#1675.
Features
- Stores all the players scores in a file
- Imports variables from a file to make the code more efficient
- Clickable letter and animations
- Enter name feature ( for tracking the scores as well )
- Somewhat efficient(I am still a noob coder and I made this pretty quickly)
How It's Built
This is my hangman project built with processing.py. I used this rather than pygame because at my school we explored processing a bit and the resources were very helpful. I can always build the same game using pygame since it is still python and its very similar. To run this game you will need to download the processing.py application from the website: https://py.processing.org/ and then when you get into the application change the mode to python.( should change automatically when you open my program )
Pong Game
Team

junaidmahmood288
Project Description
** Features**
- 2 players
- Use arrow keys: player 1 (up, down arrow) player 2 (w, s)
- used only 1 library (turtle)
How It's Built I used only 1 library to make this project since i didn't know how to use pygame, but thankfully turtle made it easier to build and create.
Next Steps (added a category I hope this is okay)
- adding a score
- ending the game when it reaches a certain score
- randomizing the ball more
WebChat 2.0 | Work In progress
Team

ammarmahmood288

junaidmahmood288
Project Description
This is our chat app. We published it to github pages and got some help from youtube, stackoverflow and google. We used a bunch of images from fivcon(icon website). Credit to them.
Features
Here are some of the features of our chat app WebChat2.0:
- We got a bot that response with automatic answers( u can add em in the javascript file)
- Tony stark is one of the people you can message
How It's Built
This is built using Html, Css, and Javascript. We used vscode as our IDLE and used github to collaborate on our project. There was a lot of problems when building this specifically with the javascript. I found it extremly difficult to complete that part but we accomplished.
WebChat 2.0 (Work In progress)
Team

ammarmahmood288

junaidmahmood288
Project Description
Project Description This is our chat app. We published it to github pages and got some help from youtube, stackoverflow and google. We used a bunch of images from fivcon(icon website). Credit to them.
Features Here are some of the features of our chat app WebChat2.0:
We got a bot that response with automatic answers( u can add em in the javascript file) Tony stark is one of the people you can message How It's Built This is built using Html, Css, and Javascript. We used vscode as our IDLE and used github to collaborate on our project. There was a lot of problems when building this specifically with the javascript. I found it extremly difficult to complete that part but we accomplished.
Simple Chat App
Team

3Gigs
Project Description
A simple chat app made with HTML, CSS, and Javascript
Features
- Flexboxed and responsive UI
- Working and clickable contacts list
- Each contacts it's own chat messages
- UI decorated with CSS
How It's Built
For responsive UI, I used to flexbox css. It was quite easy to learn and use. All the interactive elements in the webpage are created using DOM manipulation with vanilla javascript. Contacts are stored using the browser's localStorage, allowing me to make a very small simple database. There are originally supposed to be able to allow to user to send messages using POST, but due to time contraints I wasn't able to do that. The chat input box is only cosmetic right now.
Alexander
Team

VstDrknss
UHhhhhhh
Project Description
A longer description of the project compared to the one liner.
Features
Talk about some cool things your project does here. You can use a:
- Bulleted
- List
- Like
- This
How It's Built
Youtube A lot of reasearch A lot of basing myself for things i just can't and don't have the brainpower to find more efficient solution
Tic Tac Toe in Python
Team

PatrickTLuu
Project Description
A Tic Tac Toe Game made in Python
Features
- One or two player mode
- Ends the game on stalemates
- Choose who goes first
- Uses coordinate points to place X's and O's
- Amazing Computer Player (definitely not random...)
How It's Built
This game uses just python and the default random library to run. The game asks the player whether it wants to play in one or two player mode and whether or not they want to go first. An algorithm will check all possible combos to determine when there's a winner or a stalemate.
Github, GitLab and BitBucket for Python Game
Team

PatrickTLuu
Project Description
Links to Github, GitLab and BitBucket for Python Game
A Little Bit of Authenticating
Team

3Gigs
Project Description
Site that allows user to sign up and visit a personalized home page
Features
Talk about some cool things your project does here. You can use a:
- Neatly designed homepage
- Allow user to signup and login
- Signup and login securely stored by Qoom
- Redirected to personal home page on click
How It's Built
Username and Password storage is handled by qoom. Everything is built with vanilla HTML, CSS, and Javascript.
Simple Snake
Team

MichelleOkolie
Project Description
Simple Snake
A great first attempt at PyGame
While this was supposed to be an in-console game, that just seemed to restricting with all the options that Python presented.
Simple Features
- Sound Effects
- Hand Drawn Apple
How I Built It
As previously stated, I took advantage of PyGame. The only problem was that my knowlegede of PyGame was not as extensive as I needed it to be. So I did what all great developers do.
Seek a tutorial. Special thanks to this video for helping me out.
Some Notable Pieces of Code From This Project
Three Classes Controlling Everything
class SNAKE: ...
class FRUIT: ...
class MAIN: ...
Great Use Of If Statements
if event.type == pygame.KEYDOWN:
if event.key == pygame.K_UP:
if main_game.snake.direction.y != 1:
main_game.snake.direction = Vector2(0, -1)
if event.key == pygame.K_DOWN:
if main_game.snake.direction.y != -1:
main_game.snake.direction = Vector2(0, 1)
if event.key == pygame.K_LEFT:
if main_game.snake.direction.x != 1:
main_game.snake.direction = Vector2(-1, 0)
if event.key == pygame.K_RIGHT:
if main_game.snake.direction.x != -1:
main_game.snake.direction = Vector2(1, 0)
Scuffed Connect Four
Team

Niwri
Project Description
Features
Talk about some cool things your project does here. You can use a:
- Keyboard interactions
- 2-Player Game, wow!
- Victory detection function!
- Scoring System
- ...Kinda bout it
How It's Built
The language used is python
The graphics used came from Zelle's graphics.py
Single threaded
A bunch of for loops and while loops so the python script keeps runnin'
And yeah... that concludes this description!
MicroBlog
Team

Miniapple8888
Student developer | HackitForward Dev
Project Description
As the name suggests, it's a small blog that allows you to post microposts!
Features
Here are some cools things that you can do in the microblog:
- Create an account on /signup with an avatar
- Log in on /login with Qoom.io's database!
- Post a new micropost
- View microposts posted by others!
How It's Built
I was a bit lazy to custom design this website, so I used bootstrap to make my website prettier! As for the rest, I used vanilla html, css, and javascript, as well as Qoom's database system.
For the future
Should there be some ways to implement these features with Qoom:
- Delete micropost
- Edit account + micropost
- View microposts for a specific account
The Adventure of Little Timmy
Team

Miniapple8888
Student developer | HackitForward Dev
Project Description
The Adventure of Little Timmy is a simple 2D Platformer Game that ressembles the Mario game.
Features
The player can:
- Run and jump using the arrow keys and space bar button.
- Collect coins! (Stats will display updated number of coins) ~ Coins also have different value depending whether they are bronze, silver, or gold.
- Destroy enemies by jumping on them!
- Win the game by reaching the flag!
How It's Built
This was built using Unity's engine for 2D Game Development. Scripts were coded in C#.
What I learned
- Playing two audio files simultaneously!
- How to add animations to characters!
- Moving the players using Unity's physics system!
- Adding UI to my game!
What's next
- Build a more complex platform game (more obstacles, coins to collect & enemies)
- Add lives system?
Credits
Sprites
- https://assetstore.unity.com/packages/2d/characters/simple-2d-platformer-assets-pack-188518
- Background image from the assets Chimerem provided! Summer background to be precise.
Audio
- Jump : https://freesound.org/people/Leszek_Szary/sounds/172205/
- Win: https://freesound.org/people/LittleRobotSoundFactory/sounds/270333/
- Collect coin: https://freesound.org/people/ProjectsU012/sounds/341695/
- Background music: https://assetstore.unity.com/packages/audio/music/adventure-exploration-music-pack-196816
Bookmark Manager with MySQL Database
Team

PatrickTLuu
Project Description
MySQL database with a python backend that allows you to store, add and delete bookmarks
Features
- List bookmarks
- Add bookmarks
- Delete bookmarks
How It's Built
Uses a command line interface through python to interact with the database
React To-Do List
Team

3Gigs
Project Description
Features
- Allows user to enter their name
- Keeps track of user submitted tasks
- Button to add more tasks
How It's Built
The project's workspace is bootstraped using Create-React-App. Everything is built using React components. React states are used to keep track of tasks. This complies with React standards, which states only changes in states and props should re-render webpage.
MemoKey
Team

junaidmahmood288
Project Description
A longer description of the project compared to the one liner.
Features
- Password protected Notes
- Can be accessed anywhere since its online
- Saves your notes and account
- Sign up or login (on the top right hand corner of the page )
- Clean home page
How It's Built
Built with HTML, CSS and JAVASCRIPT and QOOM handles data such as username & passwords
Recall (To do list)
Team

junaidmahmood288
Project Description
Features
- Friendly UI
- Emojis to make it more clean and modern
- Clear and add notes
- Remove or delete already made notes
How It's Built
Everything here is build in React and meets to its standards since React can create change without having to reload the entire page
Reading Chart with MySQL Database
Team

Andrew059
Project Description
This application uses a mySQL database with a python back-end that helps create, update, visualize, and delete your reading chart for your English class.
Features
- Create Reading Chart
- Update Reading Chart
- Visualize Reading Chart
- Delete Certain Parts of Reading Chart
How It's Built
This application uses mySQL and Python and works with a user friendly command line interface.
Chat App (Still In Development)
Team

MichelleOkolie
Project Description
For this project, it was supposed to be an easy 3 day thing
But JavaScript decided that was too nice, along with me procrastinating
I've linked the project below, but if you want to see the hellish code that formed this project, I've linked the repo below
- https://github.com/michelleokolie/HTMl-CSS-Design-Challenge
I made this entirely with JS, CSS and JS. Some JS library would have been easier for this but I wanted to try using just JS, so no libraires not even JQuery
All Interactive bits are from me, changing or updating the DOM. You can send messages but, you can't receive any
Ninja Cats React App
Team

Andrew059
Project Description
This application made with React is specially designed with Ninja Cats in mind as they are NOT a myth.
Features
- Ninja Cats
- More Ninja Cats
- Even More Ninja Cats
- Navigation Bar with Products, Services, and Join Us
- Card Creator
- Logo
- Button
- High Interactivity
How It's Built
This web application was built using React, CSS, HTML, JavaScript, Node.js, and JSON.
Authentication System for Excursion App
Team

Andrew059
Project Description
This application uses QOOM to create an authentication system for the Excursion web page.
Features
- Simple and Intuitive Authentication System with QOOM
- User Interface
- Database to Store User Information
- Excursion Page
How It's Built
The web application is made with HTML, CSS, and JavaScript whilst the database for the username and password is handled by QOOM.
Simple 2D Platformer
Team

Andrew059
Project Description
A simple 2D platformer that lets you experiment with animations, physics, character controllers, and entities in a 2D environment.
Features
- Physics
- Animations
- Character Controller
- Entities
How It's Built
This application was built using Unity.
Intro to Git: Git Toolkit
Team

Andrew059
Project Description
Here are the links to my three different remotes on GitLab, GitHub, and GitBucket:
Tic-tac-toe with Python
Team

Andrew059
Project Description
A simple and intuitive Tic-tac-toe game made with pure Python.
Features
- Simple
- Intuitive
- Coded with Python
How It's Built
This game was built with Python.
Git Remote Project
Team

MichelleOkolie
Project Description
Here are all the git remote repositories
- https://github.com/michelleokolie/HTMl-CSS-Design-Challenge
- https://bitbucket.org/michelleokolie/html-css-design-challenge/src/master/
- https://gitlab.com/MichelleOkolie/HTMl-CSS-Design-Challenge
This wasn't too hard. I didn't have to do anything too complicated. After using all these, I prefer GitHub because it is more individual friendly while the others are more centered around organizations or companies.
Chat App 3000
Team

Andrew059
Project Description
This fully functioning chat application was made using Node.js, JavaScript, CSS, JSON, and HTML.
Features
- Easy to Use
- Sound Effects
- One-on-one Messaging
- Declare Username
- Responsive User-Interface
-Decorated with CSS
How It's Built
This application was built with Node.js, JavaScript, CSS, JSON, and HTML.
Git?
Team

VstDrknss
UHhhhhhh
Project Description
A longer description of the project compared to the one liner.
Features
Talk about some cool things your project does here. You can use a:
- Bulleted
- List
- Like
- This
How It's Built
Talk about how you built this project in technical terms. Talk about the languages, frameworks, and tools you used to create this project.
Custom cards
Team

ammarmahmood288
Project Description
This is a website which allows you to save custom cards wether its a birthday card, christmas card or whichever, and using qoom authentication it stores these sensitive cards with security and privacy.
Features
Our amazing features:
- Super private
- Great animations
- Easy to learn UI for everyone
How It's Built
This is built using qoom authentication as well as html, css, and some javascript. I uploaded the site and the code to github, but it may run better without bugs in qooms website.
React To Do List
Team

ammarmahmood288
Project Description
A to do list web app made with react js. I
Features
Cool features:
- Easy UI
- Simple
- Usefull
How It's Built
I built this in codesandbox and I used mozilla developer as my inspiration. There is of course html css as this is a webapp.
Custom cards - MySQL
Team

ammarmahmood288
Project Description
This project is an extention to my previous react js web app which allowed users to input data for the custom cards but now using mysql they are allowed to store the data of who they have made cards for, when they made it and as well as when the last login was.
Features
Some cool features are: - Store names of who card is made for
- Date card was made
- Last login
How It's Built
This was built on top of my react js website called custom cards. I used a bunch of youtube videos and knowlege from the traning/course from kurius to get me started. As any website would, I used html, css, mysql of course and react js.
Flappy bird - Unity
Team

ammarmahmood288
Project Description
Flappy bird, who doesnt love flappy bird.
How It's Built
This was built using unity and a bunch of imgaes online. I also took refeerence to youtube vidoes to guide me through the mode advanced parts of unity.
Chat app with React
Team

Miniapple8888
Student developer | HackitForward Dev
Project Description
A Chat app that allows you to chat with other people. This is still unfinished!
Features
Here are some things my project can do for now:
- View chats messages from a person in particular
- Side bar for the different ongoing conversations
- Side bar for the navigation menu of a potential app!
How It's Built
This project was built using React (although I could have used vanilla html, javascript, and css, but I wanted to practice^^)
What's next?
- Build the backend! Maybe use socket.io to do live chat!
Flappy Bird with Python
Team

HagOrMan
Project Description
This game of Flappy Bird was created using python, and includes photos to make the game more visually appealing.
Features:
- Solo player and two player game modes
- Keeps track of player 1 and player 2 wins, even after switching to solo player and back to two players
- Players can choose different coloured birds to have an extremely customizable Flappy Bird experience
- Simple controls using the space bar and 'M' key to jump
- Gets progressively harder over one run, letting users challenge themselves as they reach higher scores
- The bird tilts as it jumps and falls to create a realistic gaming experience
How It's Built
This game uses some pygame in python to function. I also included random for randomly generating the size of pipes that the user must avoid. I added PNGs to the project file in order to include the bird in the game. Pygame helped a lot by letting me use the delay function to give the user a countdown before the game starts, which I thought was a nice quality of life aspect to include, because before that the user was just thrown into the game which often led to losing.
A Generic Chat App
Team

saltyRavioli
Project Description
I'll figure this out later...
Features
Talk about some cool things your project does here. You can use a:
- Bulleted
- List
- Like
- This
How It's Built
Talk about how you built this project in technical terms. Talk about the languages, frameworks, and tools you used to create this project.
Snake Game In Unity
Team

junaidmahmood288
Project Description
How It's Built
I build this projects with images found on google and some help with youtube tutorials then made in unity
Todo App for MySQL
Team

Miniapple8888
Student developer | HackitForward Dev
Project Description
An app that allows you to add todo and complete them!
Features
Specific features with mySQL
- Fetch all categories
- Fetch all todos
- Insert a new category
- Insert a new todo
How It's Built
This project was built in two different parts: the frontend and the backend. The frontend was built with React.js. The backend was built using Express.js and MySQL! I built an API (not complete yet) to query data from the MySQL database!
What I learned
I learned how to use the mysql
npm package to query data! I also learned about poolings with MySQL to avoid using too many connections. I also learned that having a specific version of mysql can affect whether a query is executed! For more info on what happened, check out my question: https://stackoverflow.com/questions/68229223/why-does-my-connection-query-with-mysql-in-node-not-work
What's next?
Implementing the following features:
- Complete the todo!
- Update the todo!
- Delete the todo!
- Do the same for categories
- Better UI!
Todo App for React
Team

Miniapple8888
Student developer | HackitForward Dev
Project Description
An app that allows you to add todos and complete them!
Features
Specific features with React.js:
getCategories()
to retrieve every file!- AddCategory, Categories, Category, AddTodo, Todos, Todo components with props!
How It's Built
This project was built in two different parts: the frontend and the backend. The frontend was built with React.js. The backend was built using Express.js and MySQL! I built an API (not complete yet) to query data from the MySQL database!
What I learned
Maybe I should have stuck to React functions instead of classes :(
I learned about React hooks such as componentDidUpdate()
and componentDidMount()
and the best way to implement a reactive app that updates the state without reloading while storing the data (two saving systems: save it in react states and save it in the api; when user reloads page, api fetches stored data in database)! Also, I learned how to pass methods as props to other child components!
What's next
Implementing the following features:
- Better UI
- React updates by its state while sending requests to the api to store the data in the database.
Login?
Team

VstDrknss
UHhhhhhh
Project Description
A longer description of the project compared to the one liner.
Features
Talk about some cool things your project does here. You can use a:
- Bulleted
- List
- Like
- This
How It's Built
Talk about how you built this project in technical terms. Talk about the languages, frameworks, and tools you used to create this project.
React Todo List
Team

N00dleMaster
Project Description
A todolist app made using React
Features
My project has basic CRUD functionality. It's actually connected to a backend server made using node and express.
- Create TodoLists
- Create Todos
- Delete Todos(Mark them as done)
- Edit Todos
- Delete TodoLists
How It's Built
React is a client that runs separate from the server. It makes requests to the node server via the Fetch API built into JS.
On the back-end, I planned to use MySQL. However, this is the first time I've used React, so it took me very long, and many mental breakdowns to get the app working. It is currently 1 hour to the deadline. Anyhoo, The app I've submitted does not use MySQL on the backend.
My app does not yet have user authentication, either. I planned to use Qoom, but did not have time for that either.
What's next
I plan to implement MySQL on the backend. I've used PostgreSQL before, so MySQL shouldn't be much different (they use the same syntax). I also wanted to do user authentication with Qoom, but it seems tough, as Qoom has its own database it must be used with. I might just end up using plain old PassportJS for user authentication, since it's light and versatile. (Not dependent on DBs.)
NOTE:
*I have attached a link to my github repo*
Rock Papa SCISSORSSS
Team

VstDrknss
UHhhhhhh
Project Description
iTS VERY LATE AND I NEED TO SLEEP BUT CHALLENGES THO A longer description of the project compared to the one liner.
Features
Talk about some cool things your project does here. You can use a:
- Bulleted
- List
- Like
- This
How It's Built
Talk about how you built this project in technical terms. Talk about the languages, frameworks, and tools you used to create this project.
MySQL Task Tracker
Team

3Gigs
Project Description
Features
- Keeps track of tasks using mySQL, written in Python
- Insert a task
- Delete a task
- Fetch a task or find a specific task in table
How It's Built
The program is written in Python using mySQL to store tasks.
A Generic Game
Team

saltyRavioli
Project Description
Probably going to make Hangman or smth.
Features
Talk about some cool things your project does here. You can use a:
- Bulleted
- List
- Like
- This
How It's Built
Talk about how you built this project in technical terms. Talk about the languages, frameworks, and tools you used to create this project.
Submission
Team

saltyRavioli
Project Description
A longer description of the project compared to the one liner.
Features
Talk about some cool things your project does here. You can use a:
- Bulleted
- List
- Like
- This
How It's Built
Talk about how you built this project in technical terms. Talk about the languages, frameworks, and tools you used to create this project.
A Generic Unity Game
Team

saltyRavioli
Project Description
A longer description of the project compared to the one liner.
Features
Talk about some cool things your project does here. You can use a:
- Bulleted
- List
- Like
- This
How It's Built
Talk about how you built this project in technical terms. Talk about the languages, frameworks, and tools you used to create this project.
A Generic Login System
Team

saltyRavioli
Project Description
A longer description of the project compared to the one liner.
Features
Talk about some cool things your project does here. You can use a:
- Bulleted
- List
- Like
- This
How It's Built
Talk about how you built this project in technical terms. Talk about the languages, frameworks, and tools you used to create this project.
A Generic React App
Team

saltyRavioli
Project Description
A longer description of the project compared to the one liner.
Features
Talk about some cool things your project does here. You can use a:
- Bulleted
- List
- Like
- This
How It's Built
Talk about how you built this project in technical terms. Talk about the languages, frameworks, and tools you used to create this project.
A Generic SQL App
Team

saltyRavioli
Project Description
A longer description of the project compared to the one liner.
Features
Talk about some cool things your project does here. You can use a:
- Bulleted
- List
- Like
- This
How It's Built
Talk about how you built this project in technical terms. Talk about the languages, frameworks, and tools you used to create this project.
Text-only Snakes And Ladders
Team

Ranotic
Project Description
You are basically a bot that presses enter which rolls two dies and progress towards 100. You can get wrecked by snakes or have ladders help you if you land on them. My personal strategy is to press enter as fast as you can so you can speedrun this game. Although this game would not be a very good game to speedrun because of how much RNG is in this program.
Features
Exclusive features of this one-of-a-kind game are:
- the feeling of winning against Python's random library
- exceptional command-line text-based graphics
- fascinating dark-mode implementation (dependent on operating system's terminal)
- award-winning story telling
- it's really bad
How It's Built
- python
- python's random library
- a few for loops
- a single while loop
- empty inputs
- visual studio
- determination
- procrastination
Minesweeper with Python and Pygame
Team

dawson-teu
Project Description
This is my attempt at recreating the game Minesweeper with Python and Pygame. There are many things I would like to add on, but time constraints (read: procrastination) have prevented me from being able to add them.
How to Play
The grid has mines hidden in it! You win if you uncover all the grid squares without uncovering any of the mines. If you click on a mine, you lose! Left-click on any grid square to uncover it. Covered squares are orange, while uncovered squares are green. Each square will contain a number, which is the number of mines surrounding it. Empty squares have no mines surrounding them. You can also right-click on a grid square to add a flag to it, if you think it contains a mine. You can also right-click again to unflag a flagged square. Use logic and a little bit of luck to win!
How It's Built
I built this game using Python and the Pygame library. I didn't use any tools except for my IDE (Pycharm) and the Pygame docs.
Neural Network Challenge
Team

MichelleOkolie
Project Description
Features
I used:
- Rectified Linear Unit
- Adaptive Moment Estimation
- Learning Decay
How It's Built
While I did not build the Neural Network myself, I did add and modify a lot of its parts. The first thing I did was change the activation function from a sigmoid one, to a ReLU one. The reason for this is because it is faster than a sigmoid, and is used commonly for multiclass identification. The optimizer was obviously changed from SGD to Adam for performance reasons. I added a learning decay and decreased the learning rate by a lot. The learning rate was actually found as a good rate for the Adam optimizer.
Fun Fact
I actually hit 96% but forget what I tweaked to get to that.
MNIST Challenge solved Using Convolutional Neural Network, Softmax Activation Layer, and Adam Optimi
Team

pooky1955
Project Description
Results
TL;DR 99% test accuracy and training loss of 0.009
by James Liang (pookymon, Sole Toenail)
Improvements
- I ported the code to use the GPU, which would make the code run much faster
- In the code, our model would have a sigmoid activation function as output and would then be used to calculate the cross-entropy loss. A closer look at the cross-entropy loss shows that it doesn't use sigmoid as the last activation layer, but rather no activation layer. I replaced the last step with a linear layer that had 10 output nodes.
The input is expected to contain raw, unnormalized scores for each class.
Source : https://pytorch.org/docs/stable/generated/torch.nn.CrossEntropyLoss.html
- Also, the sigmoid activation function was used throughout the whole project while ReLU (f(x) = max(0,x)) would be more efficient and was shown to perform better
The standard way to model a neuron’s output f as a function of its input x is with f(x) = tanh(x) or f(x) = (1 + e^−x)^−1. In terms of training time with gradient descent, these saturating nonlinearities are much slower than the non-saturating nonlinearity f(x) = max(0, x).
Source : http://www.cs.toronto.edu/~fritz/absps/imagenet.pdf
- I also used the Adam optimizer which is shown for faster convergence and better accuracy compared to SGD
- Finally, I used convolutional neural networks, a category of networks specifically designed for vision-related tasks and used an architecture similar to VGG16, one of the winners of the ImageNet competition (a competition to classify tons of images in 1000 different classes)
Source : https://arxiv.org/abs/1409.1556 Great guide on CNN : https://machinelearningmastery.com/crash-course-convolutional-neural-networks/ Another guide : https://medium.com/analytics-vidhya/complete-guide-to-build-cnn-in-pytorch-and-keras-abc9ed8b8160
DS-ALgo
Team

Pawanupadhyay10
Project Description
A longer description of the project compared to the one liner. Data Structures and Algorithms in Java .Having fun with DS and Algo.
Features
Talk about some cool things your project does here. You can use a:
- Bulleted
- List
- Like
- This
How It's Built
Talk about how you built this project in technical terms. Talk about the languages, frameworks, and tools you used to create this project.
LeetCode Submissions
Team

N00dleMaster
Project Description
These are all my submissions for the Data Structures and Algorithms in Java challenge.
How It's Built
Obviously, this is coded in Java. The workshop explained the different data structures very well, and I found it very helpful in many of the challenges. There was only one challenge which I could not solve, but I still managed to make a working solution. It simply didn't execute fast enough.
Notes
I've got all my submissions for this entire learnathon in one repo. The link I've attached leads to the subfolder with all the LeetCode solutions. I've simply copy-pasted the code I wrote on the LeetCode website into .java files, so please let me know if I've made some mistake in the copy-pasting.
LeetCode Submissions
Team

scut8388
Project Description
Here are my submissions in Java for the problems found on LeetCode at https://leetcode.com/list/51gkm9u1/.
faster_rcnn/openimages_v4/inception_resnet_v2
Team

Andrew059
Project Description
This object detection model trained on Open Images V4 with ImageNet pre-trained Inception Resnet V2 as image feature extractor detects a plethora of objects in any picture! This project was created with the use of Jupyter Notebook, Google Colaboratory, and Python. It also uses NumPY, PIL, matplotlib, Tensorflow, Tensorflowhub, and six libraries. I also added plenty of comments to further my understanding and the reader's understanding of how this model operates as computer vision can be quite complicated at times :).
####Features
-Efficient
-Object Detection
-Quick
-Trained on Open Images V4 with ImageNet pre-trained Inception Resnet V2 as image feature extractor
-Extremely Versatile
Secret Manager
Team

Andrew059
Project Description
This is a secret manager (CRUD) written in Javascript, CSS, and HTML using the React framework and Auth0 that allows users to access their secrets without creating a new username and password. The user's interface is a intuitive web app.
Features
- Intuitive UI
- Easy and Secure Authentication
- CRUD
- High Interactivity
- Guaranteed Impenetrable Defense for your Deepest Secrets
How It's Built
This application was written in Javascript, CSS, and HTML using the React framework and Auth0.
MNIST Neural Network Challenge
Team

Andrew059
Project Description
This solution to the MNIST Neural Network Challenge was coded using Python (the best language for machine learning and AI) and was fine-tuned by suing the techniques described below.
Features
Talk about some cool things your project does here. You can use a:
- Adam Optimizer Usage
- GPU Usage
- Rectified Linear Unit Usage
- Convolutional Neural Networks Usage
- Learning Decay Usage
- MaxPool2d Usage
- 9 Epochs
- CrossEntropyLoss Loss Function
Results
-Test Loss of 0.152721 -Average Training Loss of 0.0054228888889 -99% accuracy
Data Structures and Algorithms in Java Solutions
Team

Andrew059
Project Description
Here are my submissions in Java for the problems found on LeetCode at https://leetcode.com/list/51gkm9u1/. (scut8388 is my second account on HackItForward)
InChat
Team

ayushmawasthi@gmail.com
Final Year Engineering Student
Project Description
Most of the Universities and Offices do not allow internet access (on mobile) during working hours. It's good measure for maintaining concentration of employees in their work and for students to avoid usage of mobile during lectures. But sometimes it isn't good as a number of times in a day we have to share files and texts among each other such as notes etc. **
Features
So I brought a solution for this problem. "InChat" helps user to connect with each other sitting close but cannot talk in order to maintain decorum. I made 2 modes of connection.
- Chat through Wi-Fi
- Chat through Bluetooth
How It's Built
I used the Socket Connection programming generally taught in Networking classes of engineering and implemented the same in Android Studio. This app is useful in Library also, as silence is required to maintain in their so often we need to talk, to discuss. This app can be proved useful there. I was planning to make this application work in online and offline ways, but due to time constraints, I just focused on the MVP. For the Bluetooth part, just followed the documentations on Google Developers page. UI isn't that good as used CardView Layouts but did not let down for the overall functionality of this app.
Harshaan Mahendran
Team

harshaanm
Harshaan Mahendran - High School Student
Project Description
A longer description of the project compared to the one liner. This is a submission for the first challenge the Breast Cancer Society of Canada has to offer. It is a website with interactive activities and a donation component. It was made using HTML, CSS, JavaScript, PHP, Java, and JQUERY. I learned more about PHP and Java when making this project while refining my HTML, CSS, and JavaScript skills.
Features
Talk about some cool things your project does here. You can use a:
- Has a quiz.
- User Registration
- Donation Component
- Research Component
How It's Built
Talk about how you built this project in technical terms. Talk about the languages, frameworks, and tools you used to create this project. I used HTML, CSS, JavaScript, Java, PHP, and JQUERY to create this project.
WhereAmI
Team

AshCatchEmAll
Full stack Developer
Project Description
Inspiration
Land acknowledgments are a crucial first step in honoring the original residents of a site, and are inspired by the 94 suggested calls to action contained in the Truth and Reconciliation Commission of Canada (now known as the National Centre for Truth and Reconciliation, or NCTR). They also assist Canadians in recognizing and respecting Indigenous peoples' innate kinship beliefs when it comes to the land, which has been limited for so long. WhereAmI will help spread awareness and provide a way to recognize the traditional First Nations, Métis, and/or Inuit territories of a place.
What it does
WhereAmI app is a full-stack production-level solution. It tells it what native land you are on, gives you a long list of native lands to explore on the map, and the ability to add information about a specific place on the map. The information is then uploaded to the database after validation and is showed to other users only on approval of a moderator or admin.
How I built it
This app is used Flutter (frontend), Node.js (server), and Firestore (Database). Google Maps API is used for rendering the maps and Native Land API helps with information about native land and territories.
I built the node.js server first and tested it using Postman. Then I set up a firebase account and added Firestore code to the node.js controllers and testing that against Postman. Finally, I built the front end and hit the various endpoints accordingly. After the stack was working I put most of the frontend code in Bloc structure and wrote some data classes for incoming data from the server.
Challenges I ran into
Integrating Google maps while making sure that the application doesn't lag was a challenge. Making the node.js server was also time-consuming so making it before the deadline with all the other things was challenging
I had to get all the names of territories on Native land API but there was no such list. So I had to download the territories JSON file which had all the data then wrote a small python code to extract just the name and slug and copy-pasted it in my code.
import json
data = {}
with open('./Territories.json') as f:
data = json.load(f)
for i in data["features"]:
try:
print('{"name":','"',i["properties"]["Name"],'"',',"slug":','"',i["properties"]["Slug"],'"',"}",sep="",end=",\n")
except KeyError:
pass
Accomplishments that I'm proud of
I am proud of making the moderation feature work. It required a fair bit of thinking when it came to the stack to make the implementation of this flow easier. I am also proud of the Logo used for the application.
What I learned
I learned how to draw polygons on google maps dynamically and also move and zoom Google maps camera.
What's next for Where Am I
- Extend flutter app to run on Web and also as a PWA
- Email verify all users before they can submit any information for approval
- Add Firebase cloud messaging (Push notification) so that users get notified whenever their information is approved
- Add an award system so that users get an incentive for using the app
- Feature to post pdf of research papers, any interviews they did, or any images as information
- Use All markers as a community feature where others can comment on information submitted by a user and make a thread and so on
Where Am I?
Team

raifzaman2021

deevee1515

gauthamv6002
Project Description
Where Am I? is a platform that allows users to check which native land that they are on. In addition to this, they can use any coordinates from around North America to perform the same function using an API call. Finally, they can simply type their location in using plain text, which will then be pinpointed by our program.
Features
You can use Where Am I? to:
- Check which native land you're on, and use the provided links to learn more about it
- Use your actual latitude and longitude coordinates (within North America) to find your location
- Search for any location using text, which will be pinpointed and displayed to you
How It's Built
To build this project, we used an API known as the Native Land API (found at https://native-land.ca/resources/api-docs/) to help us with the pinpointing part of the program; when a user runs the program, the API is called and then returns a map image with a layer on top showing the 'borders' of the land. To create the Latitude and Longitude pinpointing system, we still use the same API, but instead of detecting the latitude and longitude ourselves, we pass the entered values in. Finally, to create the search function, the API can take pieces of text that contain no capitals and no spaces and search for them in its files, so we took advantage of that to create this feature.
Challenges We Ran Into
Initially, we wanted to make a web application using Flask, Python, and Heroku, but we were having trouble getting started. Thus, we decided to switch over to HTML, CSS, and JavaScript. This made it much easier to call the API that we used, as well as to create the frontend design that represents our program.
Accomplishments We're Proud Of
The main accomplishment that we're proud of is the progress that we made on this project in 48 hours. We were able to synergize and work together effectively, which made most decision-making processes go by relatively quickly. We were able to focus our attention on writing code rather than the logistics of it all, which helped us complete the project as quickly as we did.
What we learned
We learned quite a bit during this hackathon, such as how to call APIs in JavaScript. Prior to this hackathon, we didn't have much experience with JavaScript, but we were able to pick up the skills required to complete the project quickly. We were also able to continue to hone our prior HTML and CSS skills by making our User Interface as user-friendly as possible.
What's next for Where Am I?
If we continue with this project, we hope to continue to fulfill the challenge at hand by creating a system that connects both users and site moderators, as well as furthering the User Interface by making it more user-friendly and intuitive.
Ribbon Runner
Team

Daviad0

bednarzka

kyki73394

nbkim481
Project Description
Inspiration
We were inspired by Duolingo to create badges to incentivize users to do more races and return to the app! We also wanted to create a platform that would be fun and interactive for the user due to how many react to differently designed applications and websites.
What it does
Our app makes finding and attending walks for breast cancer simple! Users are able to create an account and teams so that they may compete against friends to walk the longest distance and rank higher on the leaderboard. Users may also explore nearby races to attend and expand their total walking distance so that they may earn achievement badges.
How we built it
App We were able to build the mobile app using the Xamarin.FORMS C# framework that is commonly used among .NET users. Along with implementing some custom libraries and existing tools to help us create the features we have, we also implemented a backend to the app that communicates to a custom made API (made in Node.JS) that would be used to handle most, if not all, requests that the user wanted to make. The app used the same color scheme as the website, however is seen being used in a different way due to the multi-page style of the app. We were able to test out our creation using an Android Emulator that can change its location (as seen in the video)
Website We built the website using html and css, and used flexbox to help move elements where we wanted. We used a font from google fonts and a color scheme based off of the Breast Cancer Society of Canada website.
Challenges we ran into
The challenge we mostly faced was trying to work around our schedules and get the project in on time. When we had trouble with code, we helped each other.
Accomplishments that we're proud of
App We are happy with how the app turned out despite the time restriction and actually having to put everything together. The ability to make the app personalized, fast, and pleasing to look at is one aspect we though that worked really well into our submission. Although this app has a couple of dents and bugs, it all worked out in the end to secure our team a solid submission!
Website We’re proud with how the website turned out as a whole, as we were unsure it would be completed in time. The addition of the parallax scrolling and the matching color scheme tied everything together well. We had some placement issues at first, but worked through it. We are proud of our teammates for working hard and doing our best.
What we learned
We learned some coding tricks from each other, for example, parallax scrolling, and to rely and trust each other as a team. We also worked on our time management skills in order to work well within the deadline.
What's next for Ribbon Runner
If we planned to expand on Ribbon Runner, we would add an account page and fix a couple of refresh times on the app. For the website, we could add a customer review/input section and touch up some stylistic things.
AI-Medical-Diagnosis
Team

mustafa2016170412@cis.asu.edu.eg
programmer
Project Description
Inspiration Every day people are suffering from skin problem due to · bacteria trapped in skin pores and hair follicles. · fungus, parasites, or microorganisms living on the skin. · viruses. · a weakened immune system. · contact with allergens, irritants, or another person's infected skin. · genetic factors.
What it does It detect the skin disease by uploading a picture of the skin.
How we built it Using python ,CNN,computer vision we trained our CNN to detect 7 types of skin diseases and we got 91 % accuracy.
Challenges we ran into Raising the accuracy , and handling with the CNN model.
Accomplishments that we're proud of The accuracy we got and the number of disease it detect.
What we learned What's next for AI-Medical-Diagnosis Raise the accuracy , and increase the number of disease it detect and make it for android.
Built With cnn python tflearn tkinter
Canistory
Team

mariam.d.2145

abisnhss

a-b
Give Feedback
Log in to comment!

Daviad0 11 months ago
I absolutely love the front-end UI and the functionality. This is super duper impressive!!

AshCatchEmAll 11 months ago
Amazing work in such a short time. You guys managed to make the admin side as well. Very impressive 👏🏽 .
Project Description
Inspiration
We were inspired by Organising for change!
What it does
Canistory is a website which highlights the importance of indigenous history. It has a built in, interactive map of Canada and users are able to learn about different Indigenous territories through brief but insightful summaries.
How we built it
This project was built using HTML, CSS, JS, Python and Firebase as the database, for collecting information from the users.
Challenges we ran into
Collecting accurate data for the locations was difficult. We also found it difficult marking specific types of data with the exact locations.
Accomplishments that we're proud of
We are very proud that we were able to integrate the map with our data and frontend, as well as making an api for managing the data.
What we learned
Along the way, we learnt about Indigenous Canadian history as well as how to manage your time in order to create a project in a small amount of time.
What's next for Canistory
Adding more accurate data and a more interactive way of conveying the information!
NatureReads
Team

felixxie04

larris.xie

jambonmcyeah

LunarCoffee
Project Description
Using NatureCounts, one of the largest databases on Canadian birds managed by Birds Canada, we developed various functions that visualize and filter information in meaningful graphs, tables, and maps. For example, people are able to find a map of the migration trend of a species, a species list for a specific area, or a graph of the number of sightings per province. We then compiled all of these functions in a package called NatureReads.
Features
- Gets (or plots the distribution of) the top n most frequent species in an area.
- Generates a named list of the region data in a specific provided region
- Searches for a species by a name, returning the first ID in the search results
- Gets the English name for a species given its ID, falling back to the scientific name
- Gets (or plots) the most common species in each area of the provided data
- Finds observations in a region defined by a polygon
- Plots the population density of a species.
- Plots the estimated migration path of a species filtered by year.
- Plots a limited number of the locations of the observations of the given data which can be filtered by a specific species
- Plots the line graph of the number of sightings per year
- Plots the bar graph of the number of sightings per province
- Plots a limited number of sightings of the given data
- Calculates the relative observation trend for a species
- Gets (or plots) the area containing the most sightings of a species
- Gets the province or state containing the most sightings of the species in the given data
How It's Built
We used R for all the functionalities of our package and used the naturecounts dataset for our data. For our functions to display the data, we used the Plotly library to visualize information in user-friendly and accessible ways. We also used some other libraries, such as dplyr, to make the data processing easier, and sf to process geographic data.
Were Am I?
Team

louiexshen

janeal
Project Description
Inspiration
In Canada, we noticed that far too many people are undereducated about the indigenous peoples despite living on their lands. This motivated us to try and make an app that was accessible in information to allow the general public to have a better understanding of the people who resided on this land before us. We aimed to make the app as informative as we could in an easy-to-digest fashion so that Canadian teachers and students could use the app to teach and learn.
What it does
This app allows for quick and easy access to information about the indigenous groups’ lands that you are currently on, as well as other locations. It uses a map as a tool to convey a relationship between space and the indigenous peoples’ cultures relative to them. There are multiple tabs; one for the home page where most of the information is located, another for the map itself where you can interact with it and explore different locations, and another tab dedicated to news articles, indigenous organizations to support, and events that are taking place.
How we built it
We used Figma as a prototyping tool to create the blueprint for an app that could later be coded and developed. We used assets from the community tab on Figma and browsed through models to draw inspiration for our own mobile app. We also did some research and watched videos about the Figma software to fully utilize our abilities.
Challenges we ran into
This was both of our first times really diving into Figma, one of us had a tiny bit of experience from a past hackathon, but never had a project look as detailed and have a working interactive prototype. Since both of us had little to no experience with the software, we both had trouble figuring out how frames and grouping worked, how to make scrolling or have the home page have a “TikTok” scroll lock effect, and overall developing a nice looking and effective app that we were both satisfied with in its appearance and effectiveness.
Accomplishments that we're proud of
We were able to prototype our first UI fully by ourselves, despite not being the most familiar with the software beforehand. We were able to animate the screens to even make the prototype interactive.
What we learned
We learned all of Figma as a whole, from creating components and learning how to prototype with them, to something as simple as drawing a shape onto our app’s screen; we fully learned Figma from scratch for this hackathon. Throughout our searches, we also learned a lot about indigenous culture and we were able to educate ourselves more along the way. Moving forward, we’re both looking forward to learning more about how to make better-looking and more user-friendly apps.
What's next for Where Am I?
We’re going to be learning about front-end and back-end code to a high enough degree so that this app will be able to come to life instead of living as a prototype in Figma. Where Am I? Is also looking to build a better sense of community all over Canada with better relationships between the general public and Indigenous communities through popularizing different events and charities that are highlighted in the app and educating more overall.
Find Feathered Friends
Team

irisquan

jayquellin37
Project Description
Inspiration
We wanted to create something to easily display information from the Nature Counts dataset. We decided to create a map because it graphically displays information that is easy for the user to understand. The map allows the user to sort by year, so they can see trends over time, as well as by region.
What it does
This program allows the user to display recorded bird sightings on a map. The user can select the species, timeframe (in years), and region (state/province) to display.
How we built it
We created a function that filters and selects data from the Nature Counts database, and then displays the selected data on a map. The data is selected using functions from the nature counts package, and the map is created using leaflet for R. We created the map by adding various elements to the leaflet map, including marker labels and customized icon markers (using the Birds Canada logo).
Challenges we ran into
Using the Shiny app, we wanted to allow the user to change the input for species, years, and region. Unfortunately we did not have enough time to figure out how to take in this information as a usable variable type.
Accomplishments that we're proud of
Prior to this hackathon, we had no experience with R. We are proud that we were able to work with a new language in such a short timeframe.
What we learned
We learned some of the basic capabilities of R, as well as the leaflet package. We also learned that there are a lot of Blue Jays in Ontario.
What's next for Find Feathered Friends
We hope to make the buttons in the Shiny app functional so that the user can change their input within the app. We also hope to increase the capabilities so that you can add more than one species at a time to the map.
Brain Canada Application System
Team

895623741x

bruce940134

awooghj
Project Description
Inspiration
Research is a time-consuming process for every researcher and applicant. From the application submission to receiving by the researching institute, hundreds of assignment requests waiting to be manually matched always waste the golden time of the sample. As a result, we want to solve the tedious process that was originally charged by human resources to reduce the meaningless waiting time of expert assignments.
What it does
We create an online application system that will receive a user's application and list it on the dashboard to track whether their applications have been successfully received by the research institute. The users can either submit through the form provided by our platform or upload the CSV file directly to save the time of filling the survey.
How we built it
The frontend page was built by the React.js framework which will help us collect the manual fill-in survey and uploaded CSV files. In the backend, we use Node.js to save the uploaded CSV files in our local storage so that the manager of the online application can also keep a copy of the CSV file to preserve it for other further utilization.
Challenges we ran into
The most difficult issue was to overcome the online uploaded file storing in the local storage. We don’t want to make an extra feature to manually download the uploaded CSV since this process may cause the problem that the system manager would not instantly preserve the file that users submit.
Accomplishments that we're proud of
The challenge to automatically preserve the CSV file from the client-side is the most rewarding accomplishment that we built throughout the coding phase. We successfully added the automation process for the app to save time for both user and manager so that the researchers would not waste their time waiting for the system to check and preserve by human resources.
What we learned
We learn the importance of automation that contributes to the researching community. Even though this feature does not directly make an impact on the result of research, it still indirectly boosts the quality of the research to a higher level which significantly creates a friendly environment for the users who may not have abundant time to wait for their research result.
What's next for Brain Canada Application System
We will keep moving on to make the system open to the experts and applicants with more complete and compact functions to concisely reach their needs their purpose for research assignments. In the future, our team aims to design an even more automatic system such as applicant habit memory, rapid matching for researcher expertise, and matching priority for the applications with a closer deadline, to benefit the academic field with a faster, more convenient tool for them to maximally save the precious time.
Where Am I?
Team

joshsam0508

electedenvy

ayaz.shukla

Surya123234
Project Description
Features
Talk about some cool things your project does here. You can use a: Our website allows users to make their location available to us, in order for us to provide data and resources about the First Nations lands that they reside on. We have a Blog section available to registered users, where they can share more facts and stories related to a specific indigenous location, which is publicly available once approved by a moderator. We also provide a responsive map, that gives you a pop-up with a Wiki link of the First Nations region that you have clicked on.
How It's Built
The website uses vanilla HTML, CSS & JS for the front end. We implemented the JS geolocation API in order to get the user's coordinates and sent it to the backend using an AJAX query. An SQLite database is used to store our dataset of existing land names & coordinates. Using Python & Django, we calculated the closest indigenous lands to the user using some simple coordinate geometry arithmetic. With the help of the Wikipedia API, we then provide users with the name, summary as well as a wiki link for more info about the lands they live on. With the NativeLand API we were able to retrieve info from over 600+ Indigenous territories.
Where-Am-I
Team

madhuv-sharma

Rebecca-Chou

hydrohelium

hydroxyhelium

aayushituli
Project Description
Where-Am-I
Kurius SE Hackathon Project .
Where Am I By ABMP Environmentalists
Goal: Creating a game-based mobile application to motivate people to learn more about Indigenous Territory.
Where Am I FIGMA
Where Am I GitHub Repository
The Motivation Behind This Project
This fast-paced world of urbanization, where the Indigenous Territories are occupied by the public at an alarming rate, presents us with a challenge to identify their regions as well as spread awareness among the community to protect Indigenous Territory. Where Am I App allows the entire community, from the Indigenous to amateurs who want to have fun, to take part in the conservation process. We further gamify the experience to make it fun and thrilling. To earn points users can add location markers and additional information on an interactive map. Scores of top users will be displayed on a leaderboard.
How to Use The Application
Login Page
Located on the Login page are text fields to fill in your username and password. Alternatively, existing users who had signed-up using their Google, Facebook or LinkedIn accounts can simply login by clicking on one of the buttons. New users can click the sign-up button to navigate to the Sign-Up Page.
Sign Up Page
On the Sign Up Page, there are five text fields (i.e. Full Name, Username, Email Address, Password and Confirm Password), to obtain the user’s information and set their password up. Alternatively, a user can sign up with your Google, Facebook or LinkedIn account using the buttons underneath.
Dashboard
After logging in or signing up, the user is directed to the Application’s Dashboard Page containing a map displaying all Indigenous territories that have been moderated by our users. Each pointer on the map directs you to the Territory Info Page. On the top left of the Dashboard Page, you can click the trophy icon to access the LeaderBoard Page. Besides, on the top right of the Dashboard Page, there is a profile icon that can direct you to your profile. Furthermore, upon clicking the “Add New Pointer” button, you are able to add a new location & stories & go to a moderator.
Add-Info Page
After you select the picture of the Indigenous territory that you have found on the Gallery Page, you will be directed to the AddInfo Page. You should indicate what the name and location of the Indigenous territory are, as well as add stories, laws and histories of the land. As a result, the users are able to submit the information and go to a moderator for the territory.
Profile Page
On the Profile Page, you are able to see your personal information (i.e. FullName, Username, Email Address and Password). By default, the password is hidden; to view the password, the user can click on the eye-slash icon. The users can also view their total points, number of followers and the number of users whom they follow. Moreover, upon clicking the “note” icon beside the profile icon, you will be directed to the UserHistory Page.
UserHistory Page
On the page, you will find the users’ most recent 4 records of how they have earned their points.
LeaderBoard Page
On the page, you will find the top 5 users, having the highest number of points. Users are able to earn points by submitting a new location of Indigenous Territory, go to a moderator and share stories.
Law & History Page
On the page, the users will find the law and history of the Indigenous territory.
Story Page
On the page, the users can find various stories of the Indigenous territory.
AddStory Page
On the page, the users can add the images and stories they know about the Indigenous territory.
Challenges We Encountered
All of us are new to application designing and we faced a little, if not huge, challenge in doing so. Firstly, none of us had any experience in App Development and were not able to make our app realistic; therefore, we chose to use Figma to create our application prototype which can present our ideas in a delicate fashion. Along with Figma, we also used Flask. Furthermore, deciding rewards for users, which are not only worth earning for the users but also not expensive items considering they come under a Non-Profit Organization, was a really difficult task.
Our Proud Accomplishments
Our team is most proud that despite not having all the skills necessary to implement every aspect of our idea and an actual app, we still succeeded in creating a model app that is really easy to navigate and has interactive functions. We created an inclusive atmosphere on our app, which will encourage users to gain more knowledge of the Indigenous Territory. This probably inspires users to protect the Indigenous Territory and people there. We are proud to have integrated systems like rewarding and competing in a game fashion. Planning out the UX design of the app and the whole system of the game was an essential first step for this project as this will encourage users to find and learn the basic Indigenous land while enjoying the game.
What We've Learned
From this Hackathon, we surely gained immense knowledge. We have learnt a lot of new things around us, aka Indigenous Territory. Furthermore, it was a great opportunity to provide us with new coding experiences and UI design (e.g. Figma), which shall definitely help us in the future. Moreover, as a virtual team, we have learned how to collaborate remotely and communicate effectively.
Future Project Extensions
It is worthwhile to note that we have created just a medium-to-high fidelity prototype, as of now, but are looking forward to implementing our plans into the final fully functional application which would be available to download for free from Apple App Store and Google Play Store.
Our application shall be including alt-text on all pictures, completely screen reader-friendly and easily maneuverable by a keyboard. Apart from that, we will allow the user to personalize their colours and themes which fit the needs of every specific individual. People who are unable to read, or tend to learn more by listening more can simply hear the recorded version of each application page and follow along with the application’s content. Additionally, our app shall always be open to feedback from users, and we strive to constantly update and improve the accessibility/inclusivity of Where Am I.
Built with
- Figma
- Markdown
Sources
- Figma: To connect everyone in the design process so our team can deliver a better and faster application prototype.
- FontAwesome: To get vector icons and social logos on our prototype.
- Canva: To design our project logo.
AssignPy
Team

madhuv-sharma

hydrohelium

bector.vinayak02
Project Description
AssignPy <img>
<br><i>Kurius SE Hackathon Project - Brain Canada Foundation </br></i>
<div align = "center"> <img align="center" src= "https://github.com/madhuv-sharma/AssignPy/blob/main/logoassignpylong.png" width='610'> <p></p> <p>Assignment Made Easy ;)</p> </div>
<div align = "center"> <img align="center" src= "https://github.com/madhuv-sharma/AssignPy/blob/main/MdLogo.png" > <p></p> <p>Brain Canada is a national non-profit organization that plays a unique and invaluable role as the national convenor of those who support and advance brain research. Our vision is to understand the brain in health and illness, to improve lives and achieve societal impact. We achieve our vision by Increasing the scale and scope of funding to accelerate the pace of Canadian brain research, creating a collective commitment to brain research across the public, private and voluntary sectors, and delivering transformative, original and outstanding research programs. </p> </div>
The Problem Statement:
Brain Canada receives hundreds of applications in various types and areas of brain research. Each application needs to be randomly assigned to three expert reviewers. Assignment rules: application type, area of research or keywords for each applicant must match or closely match those of reviewers (excluding those with conflict of interest). Currently, Brain Canada uses as Excel model to match each applicant to a reviewer. This is quite tedious and can generate erroneous results that need to be manually corrected - potentially increases assignment bias. The development of a program/automation process to improve the randomization process and generate a march percentage would be very helpful for Brain Canada's research Programs. It should include some level of flexibility to add rules for specific Programs (e.g., the use of keywords or including the level of expertise as criteria). It should also allow CSV or Excel data importing from both the applicant forms and the reviewer forms.
AssignPy GitHub Repository
AssignPy YouTube Demo Video
Short Description
AssignPy is a grant Management System that is based on Levenshtein Distance Algorithm. ___
How to Use The Application
<table> <tr><td>Home Page</td><td>Registeration Page</td><td>Login Page</td></tr> <tr><td><img src= "https://github.com/madhuv-sharma/AssignPy/blob/main/MainPage.png" ></td><td><img src= "https://github.com/madhuv-sharma/AssignPy/blob/main/Register.png" ></td><td><img src= "https://github.com/madhuv-sharma/AssignPy/blob/main/Login.png" ></td></tr> <tr><td>This is the very first page that you encounter as soon as you run the Python File. This is the root page of the program and therefore one shouldn't close this window. </td><td>Using this page you can Register a new user. After you have entered your details a .txt file is created in the folder with all the credentials.</td><td>A function now checks the credentials against the input provided by the user and gives an output accordingly. </td></tr> </table>
Challenges We Encountered
<div> <img align='left' src="https://media3.giphy.com/media/l2YWFxG9GxXk8A7w4/giphy.gif?cid=ecf05e47cqpuzxgw3zhivi0ur3sxw4388yb4dyhanpm7tu5g&rid=giphy.gif&ct=g" width="300"> <dl><dt><h3>- Incorporating the whole code in the Tkinter GUI</h3></dt><dt><h3>- Coming up with an optimal scoring system</h3> </dt> <p>Type of Research is for 20 pts (if primary matches then 20 pts and for secondary 10 otherwise Zero)</p><p> On the other hand, Research Area for 50 pts (The result can take any value between Zero to 50)</p><p> And Keywords are for 30 pts(Similarly,The result can take any value between Zero to 30 )</p></ul> </div>
Our Proud Accomplishment - Scoring Mechanism
For calculating the percentage we are using Levenshtein Distance Algorithm. In information theory, linguistics, and computer science, the Levenshtein distance is a string metric for measuring the difference between two sequences. Informally, the Levenshtein distance between two words is the minimum number of single-character edits (insertions, deletions or substitutions) required to change one word into the other. We are using a threshold value as 5 edits. In simple words if can change word A->B in less than or equal to five “edits” (which can be replacement, addition or deletion) then they are essentially the same.
What We've Learned
This hackathon introduced our team to the nuances of designing a complex Grant Management Systems. The excitement of brainstorming initial ideas, the challenge of implementing these ideas in practice, and the rewarding feeling when the project comes together at the end. We had fun exploring algorithms, like the Levenshtein Distance, and the 'art' of writing an optimised Code. Furthermore, we feel honored that we got an opportunity to work for an NGO like the Brain Canada.
___
Future Project Extension
- Ability to enter a rubriks from the GUI itself
- Making the GUI easier to navigate
- Integrating MySQL to have a database with all the information (Students,Reviewer,Passwords,etc.)
Built with
- Python
- Tkinter (Python Module)
Ultimate Brawl: Breast Cancer Society of Canada
Team

adityapandya155@gmail.com

sparklingaryan
Project Description
Ultimate Brawl: Breast Cancer Society of Canada is a brawler type game with a distinctive attack system, cool mechanics, and individual characters. The game can be bought for the cheap price of $5, and all the money from purchases goes towards the Breast Cancer Society of Canada, to help fund their research. As the playerbase grows, we will also implement a tournament system in which there is a small entry fee. There is a prize pool for winning the tournament as well, and 50% of the entry fee goes towards the Breast Cancer Society of Canada.
Features
Talk about some cool things your project does here. You can use a:
- Distinctive Attack System
- Unique Mechanics
- Diverse Characters
- Hand drawn characters and images animated using code
How It's Built
We used pygame and took advantage of the versatility it offers to animate characters, attacks, build a unique attack system as well. We drew the characters using a software (Paint 3D) and used the code to animate them. We implemented positional logic into the CPU.
Brain Canada Application Management System
Team

eldarzulich03
Project Description
Inspiration
While working in a lab developing bio-mechatronic systems for rehabilitation of Musculoskeletal Disorders (MSDs) I noticed similar difficulties in terms of logistics that Brain Canada did. We felt like a solution in python (specifically pandas library) would be a good start for the app. We both are familiar with front end and web but wanted to tackle python and more backend languages/frameworks so this was perfect.
What it does
Our code first imports the excel sheets (the samples provided by Brain Canada were used). The user inputs the name of the applicant they want to match with the reviewers, the code sorts all eligible reviewers in a list based on comparing similarities using the Levenshtein.distance method on all 3 columns (application type, area of research or keywords) and outputs the top 3 most similar reviewers to that applicant (when more than 1 have the same similarity score the choices are random to eliminate bias)
How we built it
We build it using python more specifically pandas and Levenshtein libraries on replit to make collaboration a little easier. We had to manipulate dataframes using append methods and even made our own functions that sort the reviewers and combine 3 similarity scores after comparing 3 columns of excel with string values.
Challenges we ran into
We had a lot of trouble with manipulating the data without a database, we went through multiple manual implementations before using pandas dataframe object.
What we learned
We are really proud of learning all about manipulating dataframes, python in the backend, importing/exporting excel sheets and even sorting algorithms!
What's next for Brain Canada Management System
We intend to make a login page where the reviewer can login and check which applicants are assigned to them. This python code would be the backend and the front-end a simple login page.
Give Feedback
Log in to comment!