In this repo we store our in house coding challenges. Doing coding challenges is a great way to kickstart the week and an oppertunity to quickly delve into problem solving.
Each challenge has different rules and restraints and serve different purpouses.
- Each friday someone sets up a new challenge for the coming week.
- A challenge can be between 30 minutes and 5 days long.
- The language used can be set or be left to each participant to decide.
- A challenge is not a competition.
- The gain is in trying to find the solution and sharing your experience rather than the sollutions themselves.
| N. | Challenge | Description | Language | Created by |
|---|---|---|---|---|
| 1 | FizzBuzz | A famous coding challenge where you replace everything dividable by 3 and 5 with Fizz and Buzz respectivly and FizzBuzz when both are true. | Free Choice | Jonas |
| 2 | Find Longest Common | Compare two strings and find the longest part from the first inside the second. Example: abcd abdbcdd = bcd |
Free Choice | Jonas |
| 3 | ArraySort | Sort an array in order from low to high. | Free Choice | Jonas |
| 4 | Palindrome | Check if a word is a palindrome | Free Choice | Jonas |
| 5 | Palindrome 2 | Check if a word is a palindrome | Something you haven't used before | Hannes |
| 6 | Impossible CSS layout | Is this layout impossible to build with CSS? | Free Choice | Jonas |
| 7 | CSS Grid Layout | A standard CSS Grid Layout | Free Choice | Hannes |
| 8 | Responsive website menu | Create a responsive website menu | Free Choice | Hannes |
| 9 | Webpage night mode | Add night mode support to a web page | Free Choice | Hannes |
| 10 | Web word count | Count words from an HTML input | Free Choice | Hannes |
| 11 | Markdown parser | A simple Markdown heading parser | Free Choice | Hannes |
| 12 | Conways game of life | Create a web application to simulate the game | Free Choice | Jonas |
| 13 | Web Component Button | Create a Button as a Web Component | HTML & JS | Hannes |
| 14 | CSS Star Struck | Create an animated favorite star using web technologies. | Web | Jonas |
| 15 | CSS Submit | Implement an animated submit button using web technologies. | Web | Jonas |
| 16 | Polymer webcomponent | Remake the button component from before as a Polymer web component. | Polymer | Jonas |
| 17 | litElement star struck | Remake the star struck component using LitElement. | LitElement | Jonas |
| 18 | litElement star struck rating | Build a rating component on top of last week's star struck component. | LitElement | Hannes |
| 19 | Crystal | Get a Crystal HTTP server into a multi step Alpine image with a statically linked executable. | Crystal & Docker | Jonas |
| 20 | Kemal chat server with history | A web socket based chat with usernames, timestamps and message history. | Crystal | Jonas |
| 21 | Adding rooms to the chat server | Extend the chat server with arbitrary rooms, each with its own history. | Crystal | Jonas |
| 22 | Number of months between two dates | Given two dates, calculate the number of months with two decimal precision. | Ruby preferred | Hannes |
| 23 | Hello WASM | A hello world style WASM program that greets a name sent from a JS/HTML page. | Free Choice | Jonas |
| 25 | Canvas Christmas | Animate a nice winter scene with falling snow using canvas 2D. | Web | Jonas |
| 26 | Getting started with CSS Houdini | It's time to check out the new fancy CSS Houdini | Web | Hannes |
| 27 | Hello Django | A Hello World in Django | Web | Hannes |
| 28 | Hello again, Django | Continue with Django | Web | Hannes |
| 29 | Elm chat | A simple chat app in Elm | Elm | Hannes |
| 30 | BEMify me | A BEM challenge | CSS | Hannes |
| 31 | BEM naming rapid fire | A collection of BEM challenge | HTML | Many |
| 32 | Data structures | Some data structures | HTML | Jonas |
| 33 | Data structures again | More data structures | HTML | Jonas |
| 34 | Default naming for stylesheet | An exercise for naming things in CSS | HTML & CSS | Hannes |
| 35 | Christmas gift challenge | Create a christmas gift with HTML & CSS | HTML & CSS | Hannes |
| 36 | Narcissistic number | Problem solution and code readability | Free Choice | Hannes |
| 37 | Hello Hanami | A Hello World in Hanami | Hanami 2.0 | Hannes |
| 38 | A Game of Chess | A CSS challenge with AI | HTML & CSS | Hannes |
| 39 | TODO HTMX | TODO app in HTMX | HTMX | Jonas |
| 40 | Tailwind CSS | Let's try Tailwind CSS! | Tailwind | Anders |
| 41 | CSS layout challenge | Create the same design in as many different layout techniques as possible. | HTML & CSS | Jonas |
| 42 | CSS mobile layout challenge | Turn last week's design into a mobile version using grid template areas. | HTML & CSS | Jonas |
| 43 | 100% AI website | Create a website where 100% of the code and assets are generated by an AI. | Free Choice | Hannes |
| 44 | Frontendmentor multistep form | Build the Frontend Mentor multi-step form and get it as close to the design as possible. | HTML, CSS & JS | Jonas |
| 45 | CSS @layer | Redesign a Bootstrap styled site by adding your own styles in a CSS @layer. |
CSS | Hannes |
| 46 | Hello Shoelace | Try out the Shoelace web component framework and see how flexible it is. | Web components | Hannes |
| 47 | Print Receipt | Print a receipt. Pure and simple JS programming in the terminal. | JavaScript | Hannes |