A frontend application with React for testing purpuses. It tests:
- CSS Grid.
- CSS Transition.
- Media queries.
It is a responsive application and uses @media queries
with a breakpoint in 1024px.
The structure for a witdh greater than 1024px has these components:
- Header
- Breadcrumb
- Left
- Main
- Right
- Footer
The structure for a witdh smaller or equal than 1024px has these components:
- Header
- Breadcrumb
- Left
- Main
It is a good example of how using these tecnologies:
Just:
$ git clone https://github.com/aaronplanell/cssgrid-frontend-test.git
$ cd cssgrid-frontend-test
$ npm install
Obviously, the last line can be replaced by:
$ yarn
For running in development mode just run:
$ npm start
Or:
$ yarn start
Automagically the browser will be open with the application.
Compiled successfully!
You can now view flexbox-frontend-test in the browser.
Local: http://localhost:3002/
On Your Network: http://xxx.xxx.xxx.xxx:3002/
Note that the development build is not optimized.
To create a production build, use yarn build.
This project uses.
GPL (GNU GENERAL PUBLIC LICENSE)