Barcelona Code School

Make your mom proud / Since 2015

Students projects

React CSS Grid layout component

npm package for a layout component rendering a Grid container with customizable number of columns, their width and gap between columns/rows.

react-easy-css-grid-layout is npm package which once installed for your project allows to import and use a Grid component with customizable number/width of columns.

Get it directly from npmjs with this link.

Oh My Zsh custom theme

Oh My Zsh custom theme
  • Displays full path to current location (without hostname) and a prompt on next line
  • Displays current git branch if it exists
  • Displays x for uncommitted git history and v for clean

Get it from GitHub.

Express Server Generator

npm package for quickly generating the express server files/folders for models, controllers and routes

express-server-generator is an executable npm package which once installed globally in your system allows you to generate a whole file structure for the server by running esg command in the terminal.

Check it out for your next project, it will save a lot of time.

Get it directly from npmjs with this link.

Responsive React NavBar

npm package for fully customisable navbar built by our instructor Antonello Sanna

Built in a truly React.js way this navbar is totally customisable via props, all the links, items, colors, sizes, logo, etc are passed through props. And it has dropdowns as well!

Get it directly from npmjs with this link.

CSS Grid

A simple introduction to the CSS Grid

This is a super beginner-friendly introduction made by BCS for the Google I/O 2018 extended talks. An 8-step process, in every step new stuff being added and marked with comments in the html or css file.

Get it directly from GitHub with this link.

Desktop backgrounds

Black

White

Logos

With text

Barcelona Code School logo

No text

Barcelona Code School logo