Onboarding

You have just joined the next big startup everyone is talking about: CryptoDappy. The team around CEO Rhea Dappy has an ambitious plan: building the best collectibles game ever made - on the blockchain!

Although you have written one or two lines of code in your life before, you know nothing about Flow or its languages and tools. But that's about to change!

The team has prepared dedicated learning assignments for you, so that you can get up to speed with the technical aspects quickly while already contributing to the V1.0 of their collectibles game CryptoDappy.

After a general high-level overview, it's time to dive into the nitty-gritty details of the application's initial structure and the patterns being used. Take a look at React hooks and the Context API if you're feeling a bit shaky on these topics.

Dana Dappy

HR Manager

Welcome to CryptoDappy 👋

As you know, we're a new startup that wants to build the best collectibles game out there - on the blockchain 😊

We already made a prototype, but it's very basic and not blockchain-ready yet. Could you take a look at that?

Excited to have you on the team! See you around!

The mission brief

• Understand the prototype's architecture
• Get up to speed on the basics
• Know how to navigate the course

Repository & Branches

You'll find the repository for CryptoDappy here. The different branches guide you along your learning journey:

• Master - The reference branch for the finished application
• Starter - Your place to start (clone this branch to continue)
• Mission-xyz - The branches of each mission

Demo application

You'll find the demo application for reference here

Flow basics

To kick things off, take a look at this high-level overview of Flow, presented by Dapper Lab's CEO Roham Gharegozlou.

Overview of the finished application

In this video, you will get a good grasp of how the finished application will look like. You can always checkout the demo application to get a sense of where we're heading. If you're visiting the Github repository, note that the master branch always resembles the latest state of the demo application.

Overview of starter application

To start developing along, simply clone the starter branch of the application's Github repository. In this video, you'll get a good understanding of the moving parts of our starting app, and the challenges we're about to embrace.

Application structure, hooks and providers

This video is a deep dive into the structure of the application and the patterns used for the frontend: React hooks and the context API.

Bonus: Dappy background

You have made it all to the end of our onboarding. As a bonus, you may watch this video for more details on how Dappies are constructed and displayed in the frontend.