Webbskolan | CoderDojo

A project to teach kids the basics of web development.

Get started

NOTE: The project uses Node 10. Run nvm use in the root to set version from .nvmrc.

Create .env.local in the root (see .env.local.template for guidance). Get the endpoint URL and Token from GraphCMS.

$ nvm use
$ npm install
$ npm start // in another terminal tab to start frontend

Commands

npm run <script>	Description
start	Serves your app at localhost:3000. HMR will be enabled in development.
build	Builds a production bundle of the app
test:dev	Run Jest in watch mode
flow	Run Flow type checking

TODOs:

• Remove hardcoded texts on Overview-page, fetch from mock API instead
• Add lessons and descriptions for Fortsättning overview page
• Bold important words on Start page
• Swap long texts for bullet points on the Start page (the ones called text in StartSection.js).
• Swap out MockServer for GraphCMS
• Enable stage enivornment (use an env variable to see if entries with status DRAFT or PUBLISHED should be retrieved)
• Add Error Boundary, in case page fails to load, make it fail gracefully
• Create content and sandboxes for all lessons
• Add lazy-loading on Lesson.js
• Add short quiz/test on end of each lesson, or after completing an entire section
• Save progress so the user know where s/he finished
• Make sure it works on Firefox, Safari, IE11
• Although not mission critical, add more tests for ChromeCheck.js
• Break out API into separate repo and use a real database
• Refactor and merge levels.js and levelsOverview.js into 1 file, return only what's needed for each query