Full Stack Open 2020

This repository contains exercise solutions to the 2020 edition of the Full Stack Open course from the University of Helsinki.

Course Contribution

View Certificate

Part 9 - Typescript

• patientor-frontend - A react frontend for a medical record app written with Typescript.

• patientor-backend - A node/express RESTful server written with Typescript. It serves endpoints for a medical record app.

• typed-courseinfo - An alternate version of the 'course-info' app from part 1, written with Typescript.

• ts-first-steps - A series of Typescript based apps including a BMI calculator, workout/exercise tracker and a node/express server to run them with.

View Solutions

Part 8 - GraphQL

• library-frontend - A library catalogue web app powered by react, apollo-client and styled with bootstrap
• library-backend - graphql library backend written with node and apollo-server

View Solutions

Part 7 - React router, custom hooks, styling app with CSS and webpack

• bloglist-frontend - Extends the functionality and design of the solution from part 5. Changes include:
  • A switch to Redux for state management
  • New views for existing users
  • URL routing and navigation
  • Comments feature
  • Webpack configured from the ground up and
  • Styling improvements
• bloglist-backend - Extends the functionality and design of the solution from part 4
• ultimate-hooks - is an exercise in writing a React custom hook implementation of an api resource fetcher
• country-hook - a modification of the solution from part 2 using a custom hook to make an api request
• routed-anecdotes - anecdote web app with url routing

View Solutions

Part 6 - State management with Redux

• unicafe-redux - rewrites the core of the unicafe exercise from part 1 using Redux state management
• redux-anecdotes - rebuilds the anecdotes exercise from part 1 using Redux state management and adds REST operations with json-server and redux-thunk

View Solutions

Part 5 - Testing React apps, custom hooks

• bloglist-frontend - is a frontend written with React and tested with Jest for the Part 4 Backend

View Solutions

Part 4 - Testing Express servers, user administration

Part 4 is a RESTful backend api written with node/express that serves endpoints for blog/article resources and user administration for a blog post catlogue app

The codebase includes unit and integration tests written with Jest

Go to Part 4 Solution

Part 3 - Programming a server with NodeJS and Express

Part 3 is a REST backend using mongodb and written with node/express for Part 2's React UI

A live version of the app deployed with heroku can be visited with this link

Exercises for Part 3 can be found in a separate repository

Go to Part 3 Solution

Part 2 - Communicating with server

A series of web apps touching on React code structuring, styling and communicating with a backend api (REST)

• course-contents - An extension of the course page from part 1 with a refactored/modularized code base
• countries - A react app that fetches and displays information from the https://restcountries.eu api
• phonebook - A styled React phonebook application

View Solutions

Part 1 - Introduction to React

A series of React UIs demonstrating functions such as state management, event handling and debugging in a React ecosystem.

• courseinfo - Simple course information web page
• unicafe - Feedback and statistics app
• anecdotes - A random anecdote generator

View Solutions

Part 0 - Fundamentals of Web Apps

A series of sequence diagrams to illustrate network communication within a web app

View Solutions