Webapp

UI Screenshot
# install all dependencies
$ cd webapp/
$ yarn install
Copy:
# in webapp/
cp .env.template .env
Configure the files according to your needs and your local setup.
# serve with hot reload at localhost:3000
$ yarn dev
# build for production and launch server
$ yarn build
$ yarn start
We ensure the quality of our frontend code by using
With Docker
Without Docker
After starting the application following the above guidelines, open new terminal windows for each of these commands:
# run eslint
$ docker-compose exec webapp yarn lint
# run unit tests
$ docker-compose exec webapp yarn test
# start storybook
$ docker-compose exec webapp yarn storybook
You can then visit the Storybook playground on
http://localhost:3002
After starting the application following the above guidelines, open new terminal windows and navigate to the
/webapp
directory for each of these commands:# run eslint in /webapp (use option --fix to normalize the files)
$ yarn lint
# run unit tests in /webapp
$ yarn test
# run locales in /webapp (use option --fix to sort the locales)
$ yarn locales
# start storybook in /webapp
$ yarn storybook
You can then visit the Storybook playground on
http://localhost:3002
We are currently in the process of migrating our styleguide components and design tokens from the Nitro Styleguide into the main Human Connection repository and refactoring our components in the process. During this migration, our new components will live in a
_new/
folder to separate them from the old, yet untouched components.- assets contains icons, images and logos in
svg
format and all shared SCSS files such astokens
- components separated into two sub-folders:
- generic are the generic building blocks of the app – small, reusable and usually not coupled to state
- features are composed of components but tied to a particular function of the app (e.g.
comment
orpost
)
- layouts can use components to create layout templates for pages
- pages are the entry points for all
routes
in the app and are composed of layouts, features and components
Last modified 3yr ago