All Projects → cice-classroom → cice-playground

cice-classroom / cice-playground

Licence: MIT license
CICE Full Stack Web Course

Programming Languages

typescript
32286 projects
javascript
184084 projects - #8 most used programming language
HTML
75241 projects
CSS
56736 projects
shell
77523 projects

Projects that are alternatives of or similar to cice-playground

Katana
Katana is CSS Layout System made with Flexbox
Stars: ✭ 57 (+375%)
Mutual labels:  grid, css3, flexbox
Gridlex
Just a CSS Flexbox Grid System
Stars: ✭ 1,328 (+10966.67%)
Mutual labels:  grid, css3
Vue Fraction Grid
Flexbox based responsive fraction grid system
Stars: ✭ 88 (+633.33%)
Mutual labels:  grid, flexbox
Griddd
A dead simple, customisable, flexbox-based griddd
Stars: ✭ 108 (+800%)
Mutual labels:  grid, flexbox
Atgrid.css
CSS Grid System with attribute selectors
Stars: ✭ 37 (+208.33%)
Mutual labels:  grid, flexbox
Lemon
🍋 Minimal and responsive CSS framework for fast building websites.
Stars: ✭ 51 (+325%)
Mutual labels:  grid, flexbox
Reflexbox
Moved to https://rebassjs.org
Stars: ✭ 1,369 (+11308.33%)
Mutual labels:  grid, flexbox
React Styled Flexboxgrid
Grid system based on styled-components and flexbox for React
Stars: ✭ 515 (+4191.67%)
Mutual labels:  grid, flexbox
Flexible Grid
Flexible grid layouts to get you familiar with building within the flexible grid system.(HTML, CSS, SASS, SCSS)
Stars: ✭ 154 (+1183.33%)
Mutual labels:  grid, flexbox
Grid
This package has moved and renamed
Stars: ✭ 2,079 (+17225%)
Mutual labels:  grid, flexbox
Reactsimpleflexgrid
A way to quickly add a Grid Layout to your React app 🚀
Stars: ✭ 181 (+1408.33%)
Mutual labels:  grid, flexbox
Feather Flex
Ultralight flexbox based grid system.
Stars: ✭ 11 (-8.33%)
Mutual labels:  grid, flexbox
React Flex Ready
A Flexbox grid ready, easy to implement and customize
Stars: ✭ 23 (+91.67%)
Mutual labels:  grid, flexbox
Equalizecss
Css framework with grid based on flexboxes
Stars: ✭ 61 (+408.33%)
Mutual labels:  grid, flexbox
Flex Layout
Provides HTML UI layout for Angular applications; using Flexbox and a Responsive API
Stars: ✭ 5,705 (+47441.67%)
Mutual labels:  grid, flexbox
Griz
Grid library for React; Rescue the cat
Stars: ✭ 99 (+725%)
Mutual labels:  grid, flexbox
Blueprint Css
📘 Blueprint CSS is a modern responsive CSS layout library & grid built on top of CSS Grid and Flexbox.
Stars: ✭ 233 (+1841.67%)
Mutual labels:  grid, flexbox
Pintsize
Customisable 💪 Flexbox grid system
Stars: ✭ 330 (+2650%)
Mutual labels:  grid, flexbox
React Native Responsive Grid
Bringing the Web's Responsive Design to React Native
Stars: ✭ 369 (+2975%)
Mutual labels:  grid, flexbox
React Flexa
Responsive React Flexbox (CSS Flexible Box Layout Module) grid system based heavily on the standard CSS API.
Stars: ✭ 120 (+900%)
Mutual labels:  grid, flexbox

GitHub Prettier lerna

CICE - Playground

This repository holds the contents of the Master in Fullstack Web. This repository uses Lerna to organize the lessons and each module is it's own package.

Setup

  1. Fork this project.
  2. Clone the project that has been created under your Github's account <YOUR_USER>/cice-playground.
  3. Open terminal.
  4. cd into the project.
  5. Create a branch from main where you'll work, dev for example.
  6. Track remote upstream branch: git remote add upstream https://github.com/cice-classroom/cice-playground.git.
  7. To update changes from upstream: git pull upstream main.
  8. To propose changes you have to go to main branch, make a new branch from it, commit changes and then, on Github, make a Pull request from <YOUR_BRANCH> to main. If you want to bring a single commit from your dev branch you can use cherry-pick.

Installation

Once you cloned the project do the following:

  1. Install NodeJS.
  2. Open terminal.
  3. cd into the project's directory.
  4. Install dependencies with: npm i.
  5. Run bootstrap with: npm run bootstrap.
  6. If you want to run a script of any given package remember to cd into it first!

Development

You can format the code: with npm run format and lint with npm run lint.

Whenever you have to solve an exercise you should create a folder my-solutions in order to keep your solutions, and the solutions reached in class.

Updating dependencies

To update all dependencies to the latest version in all packages run: npm run lerna exec --parallel -- "npx npm-check -E -y"

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].