Updated Web application (markdown)

master
Simon Rozsival 8 years ago
parent e24d0bf1fd
commit f6d40b5646

@ -14,7 +14,7 @@ created by Dan Abramov is used to manage the application state. Both of these fr
### Multiplatform approach ### Multiplatform approach
Since the runtime environment of *WebApp* is user's web browser it does not need any installation on enduser's device and does not require any particular platform or non-standard software installed on user's device. Since the runtime environment of *WebApp* is the user's web browser it does not need any installation on the enduser's device and does not require any particular platform or non-standard software installed on the user's device.
This application is designed and implemented in a way which should be suitable for modern web browsers on both desktop and mobile devices. This application is designed and implemented in a way which should be suitable for modern web browsers on both desktop and mobile devices.
## Architecture ## Architecture
@ -75,7 +75,7 @@ The implementation of *WebApp* is split across more than a hundred small compone
- There is no technical difference between *containers* and *pages*. *Pages* are used as "root" components for different pages and are registered in the app's [router](https://github.com/ReactTraining/react-router). - There is no technical difference between *containers* and *pages*. *Pages* are used as "root" components for different pages and are registered in the app's [router](https://github.com/ReactTraining/react-router).
As was mentioned earlier in the text, there is over a hundred components in the whole application and most of them are very simple. Some of the most important and widely used components and described in the following paragraphs. As was mentioned earlier in the text, there is over a hundred components in the whole application and most of them are very simple. Some of the most important and widely used components are described in the following paragraphs.
#### App #### App
@ -125,7 +125,7 @@ A package [react-bootstrap](https://react-bootstrap.github.io/) is used. Compone
##### Box, FormBox ##### Box, FormBox
[Box](https://github.com/ReCodEx/web-app/blob/master/src/components/AdminLTE/Box/Box.js) is a frequently used component for bounding other components like text or tables inside. It is a re-styled `Panel` component from Bootstrap. It can be collapsable and can be displayed in different colors and types. [FormBox](https://github.com/ReCodEx/web-app/blob/master/src/components/AdminLTE/FormBox/FormBox.js) is just o wrapper of `Box` adjusted for holding forms inside of the body. [Box](https://github.com/ReCodEx/web-app/blob/master/src/components/AdminLTE/Box/Box.js) is a frequently used component for bounding other components like text paragraphs or tables inside. It is in fact a re-styled `Panel` component from Bootstrap. It can be collapsable and can be displayed in different colors and types. [FormBox](https://github.com/ReCodEx/web-app/blob/master/src/components/AdminLTE/FormBox/FormBox.js) is just a wrapper of `Box` adjusted for holding forms inside of the body.
##### CommentThread ##### CommentThread

Loading…
Cancel
Save