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.
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. 😄
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
Run these sequentially in the Terminal
git clone https://github.com/FreeCodeCampLondon/FCCLND.git
cd FCCLND
npm install --global webpack webpack-dev-server gh-pages browser-sync
npm install
Start developing with live-reload:
npm start
Open the app in your browser http://localhost:8080
- Webpack as the module bundler
- 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)
Ideas taken from: