cssgrid-frontend-test

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

Who is this project for?

It is a good example of how using these tecnologies:

How to install/configure the project?

Installation

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

How to run the project?

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.

Contributing

This project uses.

License

GPL (GNU GENERAL PUBLIC LICENSE)