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!

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!

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.

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

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

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:

1. Add a repo on their platform.
2. Use git init to initialize the repo on your local project.
3. Add remote by doing git remote add <remoteName> <remoteURL>
4. Add all local files to repo by doing git add . & git commit -m <message>
5. Push the changes to the remote repo! git push --set-upstream origin master

And we're done! ^^

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!