FCC London Campers Web App

This is a collaborative, beginner-friendly project to build a portal for those learning to code with Free Code Camp in London, UK. This is to help facilitate coding sessions and provide a collaborative learning experience to fellow Campers.

Aims

We want to fulfil the following user stories which solve some common problems when learning to code:

as a Camper I want to:
- meet other Campers, make new friends and build a learning support group within my local area
- find other Campers to pair program with who are local and at the same level on the Free Code Camp Curriculum
- find fellow Campers for ad-hoc coding sessions in my local area
as a coding session organiser I want to:
- let other Campers know about the next coding session
- know what level attendees are at so that I can tailor the session accordingly and group campers accordingly

We do not want to:

create a leaderboard: while for some this may add a fun gamification aspect it could discourage others to see how they compare in 'ranking'.
create a board for recruiters. Once we have a backend we can have more control over what data is public to discourage this. This is a learning tool not a job board. 😄

Keeping it Beginner Friendly

We want to encourage contributions to this project from Campers in the London area no matter their coding level.

In order to achieve this we will:

use the technologies currently taught in the FCC curriculum, i.e.:
- ES5 JavaScript
- Node
- Express
- SASS
- MongoDB
break down larger issues into smaller parts so that beginners can make small changes
hold demo sessions at our monthly meet-ups

How to Contribute

Add yourself to the Campers page

Quick Start

Run these sequentially in the Terminal

  git clone https://github.com/FreeCodeCampLondon/FCCLND.git
  cd FCCLND
  npm install --global gulp-cli browser-sync
  npm install

Start developing with live-reload:

gulp

Technologies

Gulp as the task runner
Bootstrap to simplify the design
Sass for syntactically awesome custom styles
Font Awesome for glyph icons
Browsersync so that you can live preview changes as you develop
Angular 1 for the MVC framework
Isotope for filtering the Campers and displaying in a Masonry Layout
Firebase for the Database (Static JSON)

App Structure

Ideas taken from:

djmousefarm/FCCLND