AAAAAAAAAAAAAAAAAAAAA

We pray to code / Est. 2015

Undefeated Software

react-hook-match-media

React hook to use Window.matchMedia() as media query in JavaScript

With this hook you can determine the screen size and run any logic or apply styles based on that. Essentially it's a media queries inside JavaScript.

Get it directly from npmjs with this link.

text-type-animation-effect-react

text-type-animation-effect-react

Weather OS

A weather app built for all the CLI / terminal aficionados.

Get it for iOS from the App Store

I have, I need

A shopping list for repeating purchases. If you buy the same groceries on a regular basis with this app you can add them to pantry and enable them in the shopping list!

Get it for iOS or Android

Anime Calculator

A calculator for all the anime fans which can tell all the numbers in Japanese 😺

Get it for iOS or Android

Guess a word or die

Guess a word or die is a classical guessing game but with a new look – every time we guess correctly, we save a creature from dying!

Get it for iOS or Android

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