MDB Coding Challenge 2021

Learn to code in friendly competition by creating hands-on projects

Start challenge
Step 1

Choose your level of advancement

Step 2

Follow the tutorials (if needed)

Step 3

Solve the tasks and create your project

Step 4

Submit your work and share it with the world


Step 1 Choose your level of advancement

Beginner

Here you can learn the basics of web development and develop your skills related to technologies such as HTML, CSS, JavaScript and Bootstrap

Start

Intermediate

Here you will learn how to create hands-on projects and how to improve the quality of your code. At this stage, we have prepared a series of tutorials for you that will teach you how to create projects such as Admin Dashboard, Portfolio, Blog, eCommerce or Landing Page.

Start

Advanced

At this stage, you can fully expand your wings. We have prepared a number of advanced tutorials for you, such as creating your own Facebook, Gmail, Trello or Instagram, but it really all depends on you and your creativity.

Start

Step 2 Follow the tutorials

We have prepared dozens of tutorials to help you develop your coding skills and thus meet the challenge you have taken.

Take a look at the levels in step 1 and choose the tutorials that are relevant to your knowledge and skills


Step 3 Solve the tasks and create your project

Use the knowledge you have acquired through our tutorials and use the free MDB tools to create projects for your challenge.

Beginner level task example

Create a simple HTML page and use JavaScript to show you how:

  1. Insert the result of the equation containing the sum of any numbers into the paragraph
  2. Insert the result of the equation containing the difference of any numbers to the alert
  3. Insert the result of the equation containing the product of any numbers to the consoles

Intermediate level task example

Create an admin dashboard in which you can visualize data such as:

  1. List of orders
  2. Website traffic
  3. Compare sales from two different periods
  4. Division of users according to the browser used

Advanced level task example

Create an app design that helps users maintain a healthy lifestyle. Include aspects such as:

  1. Help people switch or partially replace production heavy products (like red meat).
  2. Design a filter feature for calorie count app to help people reduce consumption of red meats.
  3. Design a filter feature of a recipe app to help people find recipes that require raw products with a low carbon emission production cycle.
  4. Design a card spent history for a banking app to help people avoid wasted food in the fridge.

Step 4 Submit your work and share it with the world

After solving the task submit your project to the MDB platform and share it with the world.

Do not stop! Keep developing and solve new tasks.