slacle / flexbox-playground

Play with flexbox using selects to change some flex properties. Changes are applied to a container that has X number of boxes (live).

Home Page:https://react-medellin.github.io/flexbox-playground/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Flexbox playground

All Contributors

How to install yarn

you can find here how to install yarn

How to run the app - Available Scripts

Requirements

You'll need to have installed yarn@1.10.1 or greater.

In the project directory, you can run:

yarn install

Install dependencies.

yarn start

Runs the app in the development mode. Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits. You will also see any lint errors in the console.

yarn test

Launches the test runner in the interactive watch mode.

yarn build

Builds the app for production to the build folder.

yarn eject

Note: this is a one-way operation. Once you eject, you can’t go back! If you aren’t satisfied with the build tool and configuration choices, you can eject at any time. This command will remove the single build dependency from your project.

How to contribute?


  1. Hacemos Fork del proyecto, esto permite copiarlo, pero en tu repositorio

  2. Ahora hacemos un clone, esto es para copiarlo en tu PC

    2.1. Ejecutas el siguiente comando: `git clone https://github.com/jsnavarroc/flexbox-playground.git`
  3. Ahora entramos al proyecto por la terminal o cmd al proyecto que copiamos. Ej: D:\openSource\flexbox-playground>

  4. Si ejecutamos git remote -v nos mostrará que solo contamos con el remote de nuestro repositorio: git remote -v

  5. Creamos entonces la remote que nos permitirá subir el proyecto al repositorio original

git remote add upstream https://github.com/react-medellin/flexbox-playground.git

  1. Hacemos una rama en la que vamos a guardar todos los cambios git checkout -b add-readme
  2. Abrimos el archivo y comenzamos a modificarlo en el id desarrollo que utilices
  1. Hacemos un commit de lo que hiciste git add .

    git commit -m "to update Readme

  2. Ahora subimos a nuestro repositorio que esta conectado al repositorio original

    git push origin add-readme

  3. Establecemos nuestras credenciales como contribuidores

    yarn install

    yarn contributors:add


Contributors

Thanks goes to these wonderful people (emoji key):


Angela Ordoñez

📖 🔧

Daniel Correa

📖

Simon Hoyos

💬 💻 📋 👀

Robin Hurtado Abadia

💻

Maria Camila Gomez Restrepo

📖

William Gómez Ortega

🐛 💻 📖

kritokrator

📖

Jose Mario Gutierrez

💻 🎨

jsnavarroc

📖

Sebastian Lacle

💻 📖

gajamo

📖

This project follows the all-contributors specification. Contributions of any kind welcome!

About

Play with flexbox using selects to change some flex properties. Changes are applied to a container that has X number of boxes (live).

https://react-medellin.github.io/flexbox-playground/

License:MIT License


Languages

Language:JavaScript 85.7%Language:HTML 13.3%Language:CSS 1.1%