-
Notifications
You must be signed in to change notification settings - Fork 0
Home
Hilfling-frontend is the repo to where we write our gui for foto.samfundet.no. It is written using React TypeScript and Redux.
The project consists of four folders, and the root configuration files.
The src folder consists of six folders and some root files.
Put any assets needed in this folder
The interfaces matches our models from the backend code, and represents the data being passed and fetched from our API.
Our store is written using using React-Redux.
Our utils folder contains two folders, api and auth.
api: @sindre du må skrive om api<3
auth: @caroline du må skrive om auth<3
The views contains the components representing one specific view/page in our application. For each view, create a folder containing the name of the view. The folder should only contain one component and one css file with the page css. Remember to name the css file MyView.module.css. You can read more about css-modules in the hilfling-gui wiki.
The components are grouped in folders that represents a specific part of the webpage so that it is easier to navigate through the code.
index.tsx: This file is the file the entire webpage is rendered from, and contains the Root component. The root component contains the header and footer so that they are always rendered, no matter what page you are on. In addition it includes the Routes component, that can be read more about bellow.
Link to figma: https://www.figma.com/file/umh8QbNm8fKo8UlhwUGXFZ/Hilfling?node-id=0%3A1
Routes.tsx: This component contains all routes that it is possible to route to in our application. The Security component is what decides