Prerequisites

Ensure all members are added to the Github Repository, Confluence as well as added to Github Freerooms team

Setting Up

Follow instructions at Local Development 101

• First-time setup instructions

• Procedure for working on issues and how to make PRs

Learning and References

Here are a collection of helpful learning resources and references that will be relevant to the tasks that you will complete during your time at Freerooms. These are not necessarily the best resources but they are popular and will be at least somewhat useful to you - feel free to use any other tutorials/guides if you find ones you like more!

It is highly recommended that you go through the code and seek to understand how things work and specifically, how they work together.

HTML/CSS/JS

• https://www.codecademy.com/resources/cheatsheets/language/html-css

  • You will not apply HTML/CSS in the exact way that these cheatsheets describe but it is useful foundational knowledge and will help you to understand JSX

• https://javascript.info/

• https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/JavaScript_basics

React

React is what you will work with when you are coding on the frontend so it is important that you start learning and understanding it soon.

• https://react.dev/learn

• https://react.dev/learn/tutorial-tic-tac-toe

• https://www.typescriptlang.org/docs/handbook/typescript-from-scratch.html

• https://www.typescriptlang.org/cheatsheets

• https://mui.com/material-ui/

  • Material UI (MUI) is the component library that we use

• https://mui.com/material-ui/getting-started/learn/

• https://nextjs.org/docs

  • NextJS is the React framework that we use

• https://testing-library.com/docs/react-testing-library/example-intro

  • This is for writing unit tests for the frontend

Fullstack

This tutorial is a long version of learning fullstack development and will go through an entire start to finish process. It is quite long so it’s not expected that you will do all of it (unless you really want to!)

• https://www.theodinproject.com/paths/full-stack-javascript

• https://jestjs.io/docs/using-matchers

• https://www.robinwieruch.de/node-js-jest/