Skip to content

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

License

Notifications You must be signed in to change notification settings

react-medellin/flexbox-playground

Repository files navigation

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.

All Contributors

Running the app

Requirements

You'll need to have [email protected] 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!

About

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

Topics

Resources

License

Code of conduct

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published