DEV Community

Cover image for Web Dev Repos for Hacktoberfest
Abhiraj Bhowmick
Abhiraj Bhowmick

Posted on • Edited on • Originally published at abhirajb.hashnode.dev

Web Dev Repos for Hacktoberfest

First time participating in Hacktoberfest?

Well, I have got a solution for all the newbie web devs out there.

If you are having a problem in searching for repos to contribute to, then read this till the end.

I present before you Gamesflow
Gamesflow is a combination of 5 web browser based games built on HTML, CSS and Javascript

This org account contains 5 repositories divided on the basis of level of advancement.

Beginners

For beginner repos, the HTML-CSS-JS code is based in one html file.

Repo 1. 2048 game

This repo is for a fun and animated version of the OG 2048 game. It is a game where you add numbers of similar values to reach the number 2048. So, this is a good place to start.

GitHub logo Gamesflow / 2048-game

An animated and fun version of the popular 2048 game. Built with HTML, CSS and Javascript.

2048 with Bubbles

An animated and fun version of the popular 2048 game. Built with HTML, CSS and Javascript.

How to play

Move the bubbles with your mouse and add up the same numbers. After adding up two bubbles, two more drop and will not return if they fall over the sofa.

You can turn off the music and sound effects from the home page and also choose the quality of game.

Screenshot

App Screenshot

Built with

HTML5 CSS JS

Contributing

Contributions are always welcome!

This repo is open for Hacktoberfest PRs.

See contributing.md for ways to get started.

License

MIT

🔗 Links

dev.to twitter

Feedback

If you have any feedback, please reach out to us at rainboestrykr@gmail.com

Support

bmc




Repo 2. Tetradic

This is a fun and music-based concentration game where you have to repeat the musical patters.

GitHub logo Gamesflow / Tetradic

A fun game with music for people to practice their focus and concentration.

Tetradic

A fun game with music for people to practice their focus and concentration.

How to play

Follow the pattern and repeat it with music to complete levels.

You can turn off the music and sound effects from the home page and just use the colors to play.

Screenshot

App Screenshot

Built with

HTML5 CSS JS

Contributing

Contributions are always welcome!

This repo is open for Hacktoberfest PRs.

First time Hacktoberfest participants are welcome.

License

MIT

🔗 Links

dev.to twitter

Feedback

If you have any feedback, please reach out to us at rainboestrykr@gmail.com

Support

bmc




Intermediate

For intermediate repos, there are separate files for languages along with a little intro to ThreeJS.

Repo 3. The Lost Ball

This game is inspired from Subway Surfers and it is a 3D runner type game. There is a high score feature too.

GitHub logo Gamesflow / The-Lost-Ball

A 3D runner game inspired from Subway Surfers

The Lost Ball

A 3D runner game inspired from Subway Surfers and built on ThreeJS.

How to play

Key Controls
Spacebar/Up arrow Jump
D/Right Arrow Go Right
A/Left Arrow Go left

Screenshot

App Screenshot

Built with

HTML5 CSS JS

Contributing

Contributions are always welcome!

This repo is open for Hacktoberfest PRs.

First time Hacktoberfest participants are welcome.

License

MIT

🔗 Links

dev.to twitter

Feedback

If you have any feedback, please reach out to us at rainboestrykr@gmail.com

Support

bmc




Repo 4. Shinigami World

For all of you anime fans out there, this game is a ripoff of The Lost ball game above but with completely different aesthetics.

GitHub logo Gamesflow / Shinigami-World

The anime version of "The Lost Ball"

Shinigami World

The official anime version of "The Lost Ball"

How to play

Key Controls
Spacebar/Up arrow Jump
D/Right Arrow Go Right
A/Left Arrow Go left

Screenshot

App Screenshot

Built with

HTML5 CSS JS

Contributing

Contributions are always welcome!

This repo is open for Hacktoberfest PRs.

First time Hacktoberfest participants are welcome.

License

MIT

🔗 Links

dev.to twitter

Feedback

If you have any feedback, please reach out to us at rainboestrykr@gmail.com

Support

bmc




Advance

For advance repo, there are different kinds of functions and variables for you to try your hand at them.

Repo 5. PongZoid

This is a mouse-controlled version of the OG pong game with a home page and color changing graphics. This had been a project of mine earlier and I had been working on its multiplayer version.

GitHub logo Gamesflow / PongZoid

A new version of the evergreen and OG pong game.

PongZoid

The new version of the OG and evergreen pong game with mouse functionality and cool colors.

How to play

Move the mouse to move the platform and don't let the ball touch the floor. Survive and create high scores.

You can change paddle speed and view more info on the home page.

Screenshot

App Screenshot

Built with

HTML5 CSS JS Based on a tutorial from here

Contributing

Contributions are always welcome!

This repo is open for Hacktoberfest PRs.

First time Hacktoberfest participants are welcome.

License

MIT

🔗 Links

dev.to twitter

Feedback

If you have any feedback, please reach out to us at rainboestrykr@gmail.com

Support

bmc




Bonus repo

Repo 3. Outrun

This is a pixel art based retro car racer. It has an extensive use of music and other aesthetics. It is for everyone on any difficulty level.

Outrun

Retro-based pixel art car racing game

How to play

Key Controls
C Insert Coin
Right/Left Arrow Move right/left
Up/Down Arrow Move forward/backward
M Mute the music

Screenshot

App Screenshot

Built with

HTML5 CSS JS

Contributing

Contributions are always welcome!

This repo is open for Hacktoberfest PRs.

First time Hacktoberfest participants are welcome.

License

MIT

🔗 Links

dev.to twitter

Feedback

If you have any feedback, please reach out to us at rainboestrykr@gmail.com

Support

bmc




If these have helped you in any way, you can extend your support by buying me a coffee maybe.

Buy Me A Coffee

Thank you for reading!

Hope this will help you this month, feel free to reach out to me on twitter for any queries or suggestions. Happy Hacktober to you!

Top comments (1)

Collapse
 
wingkwong profile image
wkw

Happy Hacktoberfest! We invite you to contribute NocoDB.

NocoDB is an open source Airtable alternative.

NocoDB works by connecting to any relational database and transforming them into a smart spreadsheet interface! This allows you to build no-code applications collaboratively with teams. NocoDB currently works with MySQL, PostgreSQL, Microsoft SQL Server, SQLite, Amazon Aurora & MariaDB databases.

Also NocoDB's app store allows you to build business workflows on views with combination of Slack, Microsoft Teams, Discord, Twilio, Whatsapp, Email & any 3rd party APIs too. Plus NocoDB provides programmatic access to APIs so that you can build integrations with Zapier / Integromat and custom applications too.

GitHub logo nocodb / nocodb

🔥 🔥 The Open Source Airtable alternative - Powered by Vue.js 🚀 🚀

NocoDB
✨ The Open Source Airtable Alternative ✨

Turns any MySQL, PostgreSQL, SQL Server, SQLite & MariaDB into a smart-spreadsheet

Build Status Node version Twitter

Website • Discord • Twitter

OpenSourceAirtableAlternative

NocoDB - The Open Source Airtable alternative | Product Hunt

Quick try

1-Click Deploy

Heroku


Deploy NocoDB to Heroku with 1-Click


Using Docker

docker run -d --name nocodb -p 8080:8080 nocodb/nocodb:latest
Enter fullscreen mode Exit fullscreen mode

To persist data you can mount volume at /usr/app/data/.

Using Npm

npx create-nocodb-app

Using Git

git clone https://github.com/nocodb/nocodb-seed
cd nocodb-seed
npm install
npm start

GUI

Access Dashboard using : localhost:8080/dashboard

Join Our Community


Screenshots

2

1

7

5

6

3

4

11

10

8

9

Features

Rich Spreadsheet Interface

  • âš¡  Search, sort, filter, hide columns with uber ease
  • âš¡  Create Views : Grid, Gallery, Kanban, Gantt, Form
  • âš¡  Share Views : public & password protected
  • âš¡  Personal & locked Views
  • âš¡  Upload images to cells (Works with S3, Minio, GCP, Azure, DigitalOcean, Linode, OVH, BackBlaze)
  • âš¡  Roles : Owner, Creator, Editor, Viewer, Commenter, Custom Roles.
  • âš¡  Access Control : Fine-grained access control even at database, table & column level.

App

…