Flexbox Playground

Play with flexbox using drop-down lists to select the different flex properties. The changes are applied to the main container which has a changeable number of boxes.

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

This is a project to learn and practice React, brought to you by the React Medellín community.

Running the app

Requirements

You'll need to have yarn@1.10.1 or greater installed.
To install yarn, follow the instructions.

---

Once yarn is installed, you can run the following scripts in the project directory.

Install dependencies:

yarn install

Run the app in development mode:

yarn start

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.

Launch the test runner in the interactive watch mode:

yarn test

Build the app for production to the build folder:

yarn build

Add yourself to contributors:

yarn contributors:add

Eject:

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

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

Copia la URL para crear el nuevo remote.

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

6. Hacemos una rama en la que vamos a guardar todos los cambios

git checkout -b add-readme

7. Abrimos el archivo y comenzamos a modificarlo en el id desarrollo que utilices

8. Hacemos un commit de lo que hiciste

git add .

git commit -m "to update Readme"

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

git push origin add-readme

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!