Farewell, Web User App! This was the first (or rather the first one that lived longer than a few weeks) user facing application of Corona-School (now Lern-Fair). In the meantime, replaced by https://github.com/corona-school/user-app
The frontend for the Corona School user dashboard.
You may need the following commands.
yarn install
Installs the dependencies into the /node_modules/ directory. This must be run after cloning the directory and each update to the package.json file.
yarn run dev
Runs the app in the development mode. Open http://localhost:3000 to view it in the browser. The page will reload if you make edits. If the server won't start, make sure you have ran yarn install.
yarn run build
Builds the app for production to the build folder. It correctly bundles React in production mode and optimizes the build for the best performance. The build is minified and the filenames include the hashes. Your app is ready to be deployed!
- We use yarn as package manager.
- We use React in this project. This project was bootstrapped with Create React App. Therefore we also use Babel and Webpack, though this works mostly under the hood.
- We use Typescript for type checking. Use *.ts and *.tsx file extensions.
- We use React Router for url path routing.
- We use styled components and SASS for styling.
- We use Normalize.css for cross-browser consistency in the default styling of HTML elements.
If you do not prefer another setup, it is recommended to use VS Code with the following extensions:
- Prettier - Code formatter for code formatting. It will read the .prettierrc file for unified formatting among contributers.
- vscode-styled-components for syntax highlighting and auto completion in styled-components template literals.
- ES7 React/Redux/GraphQL/React-Native snippets to avoid typing common patterns.
- In the VS Code settings, the Format On Save (editor.formatOnSave) option may be used.