Skip to content

The Ultimate Web App Challenge: Designed to challenge you using different kinds of front-end frameworks and languages over the period of several weeks. We first start with building very basic apps, such as a simmple clicker app, a note app, a todo app, etc.... The apps will progress in difficulty as time progresses.

Notifications You must be signed in to change notification settings

KookiKodes/ultimate-web-app-challenge

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 

Repository files navigation

The Ultimate Web App Challenge!

This challenge is designed to challenge your understanding of front-end web development. When you here a front-end website, you typically just think HTML, CSS, and Javascript. However, web applications have been around for a long time and can be built using many different languages, even if those languages eventually compile down to HTML, CSS, and JavaScript. These docs will be showing off the advantages that other languages provide as well as going over vanilla Javascript and frameworks available to Javascript.

Since this challenge will be progressively increasing in difficulty and complexity over time, these docs and the files in this repo will be updated over time as well :) .


Update:

I've been faily busy with life and some job requests, that I haven't had the time to focus on this project. I will be coming back to this project in the future :) !


Current Challenge

Week 1: Clicker App using HTML, CSS, and Javascript!

  1. Vanilla HTML, CSS, and Javascript
  2. React
  3. Svelte
  4. Vue
  5. Angular
  6. Ember js
  7. Backbone js

It's important to know that this challenge is to understand how design strucutres can be used accross several different languages and frameworks. But mostly, I'm here to just have fun!

Q: How will this challange be structured?

A: 2. Each folder is the name of the app that is being built 3. This folder also contains a "./app-requirements.md" file which provides the features and requirements of the app. 4. Within each sub directory is the language that is being used 5. Then within each language directory are several different folders named after the framework or tool that is used to build the app. 6. Of course these final folders contain the following: 7. The first folder will be the start (named "/start") of the project, which contains all of the default files needed to start the project as well as another "./app-requirements.md". 8. The second folder (named "/final"), contains the files of the final product for the project as well as some critiques about the tools/language that was used to build the web app in a file listed as "./critique.md"

Essentially a new language will be introduced each week, once I've gone through several different languages, I will increase the difficulty of the app.

Q: How often will this challenge be updated?

A: I will be streaming this challenge on my twitch (https://www.twitch.tv/KookiKodes) every weekend from 8p.m. - 12a.m. PST. The challenge will be updated before the first stream every weekend. I will also be updating this readme file to make note of which week, app, and language we are currently on. If you would like to follow along live, please feel free to follow the link above and join my live stream :) ! I will also be posting videos of this challenge on my youtube channel at https://www.youtube.com/channel/UClCcAxhhko6VMre3hHoysxw!

Q: Why are you doing this challenge?

A: The main reason, is to challenge my skills and knowledge of programming. I may not know many languages, but, the basic skills acquired from learning a programming language applies to many other languages. I also, just want to have fun, as that's how I feel every programmer should feel towards programming.

TODO:

  1. Create a CLI using Deno or Nodejs to auto create the necessary folders for future projects


Challenge Roadmap

##Clicker App:

Week 1: Clicker App using HTML, CSS, and Javascript!

  1. Vanilla HTML, CSS, and Javascript
  2. React
  3. Svelte
  4. Vue
  5. Angular
  6. Ember js
  7. Backbone js

Week 2: Clicker App using Python

  1. Skulpt
  2. Brython
  3. Anvil

Week 3: Clicker App using Dart

  1. Vanilla Dart
  2. Flutter

About

The Ultimate Web App Challenge: Designed to challenge you using different kinds of front-end frameworks and languages over the period of several weeks. We first start with building very basic apps, such as a simmple clicker app, a note app, a todo app, etc.... The apps will progress in difficulty as time progresses.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published