Skip to content

Join Cascy on an interactive journey and learn CSS and web design in a fun way! ๐ŸŽจ๐Ÿ•น๏ธ

License

Notifications You must be signed in to change notification settings

unordentlich/cascys-adventure

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

Cascy's Coding Adventure

Embark on a journey through the depths of web design and become a pro with CSS!


Story

Cascy is looking for one of his lost cascading style sheets. He has lost it in the depths of an open pixel world and is now embarking on a long journey to get this valuable piece back. Only you can help him make the hard journey by tackling the story-driven tasks and mastering them with a cool head and some CSS snippets.

Cascy playfully teaches you the various properties in the language of today's web design, from simple coloring, scaling and shifting of text and containers to fancy animations and media queries that will have you mastering almost all the tools of UI design by the end of the story.


Do you already feel confident in web development? Feel free to contribute!

To add to the concept around Cascy's journey through the depths of web development, the actual game was also built using HTML, CSS, JavaScript and NodeJS (via Electron Framework).

There are a variety of ways to support the game in its brilliance. Be it new translations, features, levels, assets, sounds, music, dialogs or even bug fixes.

An information on how to contribute is linked here. Thank you!




How to setup the project

This project runs with the latest version of NodeJS. Please make sure that you've downloaded it before.

  1. Fork or clone the repository to your Desktop
  2. Open a terminal session in the project folder or open it with an IDE of your choice
  3. Execute npm run start to boot up the application


What's planned for the future?

๐ŸŽ‰ Feature ๐Ÿ“‘ Status ๐Ÿ—“๏ธ Version
I18N Support ๐Ÿ’– Released v1.0
Multiplayer (Peer 2 Peer) ๐Ÿ’ก Planned /
CSS Validator ๐Ÿ’ก Planned /
Animated map tiles ๐Ÿ’ก Planned /
Auto Updater (with GitHub Release fetches) ๐Ÿ’ก Planned /
Add changelogs section (with GitHub Discussions) ๐Ÿ’ก Planned /
๐Ÿ’ก Planned = Not even started yet / ๐Ÿ•‘ Pending = Currently working on it / ๐ŸŽ‰ Ready for Release = Feature implemented with an update but not online at the addon store yet / ๐Ÿ’– Released = Features are available at the latest version from the addon store / ๐Ÿ›‘ Canceled = Feature won't be implemented

Credits & More

With Cascy's Coding Adventure, I hope to be able to give some newcomers to frontend development a helping hand and introduce them to the basics of CSS3. ๐Ÿš€

A big thank you to everyone who enriched Cascy's Coding Adventure with their creativity, skills and motivation. A good game lives from its contributions.

But it is not only through active assistance that a project can become what it is. Sometimes it's also the ones who make you do it in the first place!

At this point, I would especially like to mention the HackClub organization, which was able to motivate me to start and develop this project through their Arcade 2024 event. ๐Ÿฆ• Thank you for this great event and keep up the good work!

ยฉ unordentlich 2024
This game was developed as a private project. Commercial duplication or provision is not intended. The distribution and reproduction of copies is prohibited without the consent of the author. The project may also not be issued, sold or presented as one's own.

About

Join Cascy on an interactive journey and learn CSS and web design in a fun way! ๐ŸŽจ๐Ÿ•น๏ธ

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published