Frontend for symptotrack.org
There are a couple of things you will need to have installed within your working environment before you can start working with SymptoTrack.
- Node.JS you can use the installer on the Node website to install
Within the src/ directory are a few subdirectories, we'll explain more about these and everything else.
Our entire frontend is built in React, which is a JavaScript UI Framework. It allows you to write in JSX, which is a JavaScript syntax very similar to HTML but enhanced with the lovely features of JavaScript. JSX should preferrably only ever be written inside .jsx files, not .js files. This way, you can look at the name and extension of a file and have a suggestion about it's contents.
We'll be using styled components to style our components. It's a CSS-in-JS solution that's very popular right now.
We'll be using Next.js to get our React code to be able to render server-side. This way we'll have the first render on the server. Which is good for Accessibility, SEO and Performance.
In order to make your project work correctly on Forest you need to set some environment variables in your Forest project.
- NODE_ENV This variable is used by Next.js to start in development or production mode.
- ENV This variable is used in the theme.config.js file to get the correct baseUrl.
- PORT This variable is used in the server.js file to set the port. Default: 80
SymptoTrack uses a couple of awesome high-end techniques and various cool implementations. Here you will find a list of links to the documentation of each tool.