🏠 MEAN stack app, 1-week group project. With two classmates, I built a social networking site that enables users to get help and receive help from people living near them. Built with: Node.js, Express.js, MongoDB, Angular, JavaScript, CSS with Bulma, HTML 3rd-party APIs: Google Maps, Filestack.
Switch branches/tags
Nothing to show
Clone or download
Pull request Compare This branch is even with Ozzieb93:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
.nyc_output
config
controllers
db
lib
models
src
test
.babelrc
.gitignore
index.js
nodemon.json
package.json
readme.md
webpack.config.js
yarn.lock

readme.md

Title Page

#NeighbourGood

A MEAN Stack app, planned and built in a week by Ozzie Balesaria, Matt Hunter-King and Stephanie Ye

##Description

NeighbourGood is an app that helps you to give help and get help, starting in your own neighbourhood.

Users can create jobs that they need help with, look at messages from prospective helpers, choose a helper, and rate that helper.

Users can also browse posted jobs, post messages and apply to a job, and rate their experience doing that job.

Our goal is to foster a cooperative society, starting close to home.

Jobs Page

##Approach

Concept

  • We brainstormed and decided that we wanted an app that could help contribute to the social good, while giving us the opportunity to build RESTful routes and use third-party APIs.

Design

  • We wireframed using Balsamiq, focusing on a mobile-first design.

Task Management

  • We broke the project down into backend and frontend tasks, and then further down into routes and features.
  • We listed all the tasks on Trello, and used the interactive board to keep track of the tasks and their statuses (Backlog, To Do, In Progress, Done, Blocked and Abandoned), and who was doing what.

Project Development Process

  • Working as a team, we practised Agile methodology. We broke the development process down into sprints. During each sprint, we focussed on small, specific parts of the project. After completing each sprint, we evaluated our work and discussed our goals for the next sprint, before continuing the process. Each sprint lasted about 3-4 hours.
  • We started with the backend first: the backend models, controllers, routes and seeds. We tested our RESTful routes with Insomnia before moving on to the frontend.
  • At the frontend, we completed the RESTful routes, then implemented third-party APIs and extra features such as ratings and filtering.
  • Once we were happy with the functionality of the app, we moved on to CSS and testing.

Show Page

##Future Features

  • The ability for users to send private messages or email each other.
  • Using a payment API so users can transfer money for jobs that require money.
  • Users can create a list of favourite people that they like to ask/help.
  • An achievements system where users earn medals after completing a certain number of jobs.

##Technologies

Languages:

  • HTML5
  • Sass/CSS
  • JavaScript

Front-end Web Application Framework:

  • AngularJS

Server Environment

  • Node.js with Express.js

CSS Framework:

  • Bulma

Third-party APIs

  • Google Maps
  • Gmail OAuth
  • Filestack

Wireframing Tool:

  • Balsamiq

Project Collaboration Tool:

  • Trello

REST client

  • Insomnia

Typefaces:

  • Google Fonts

Text Editor:

  • Atom

Browser:

  • Chrome

##Contact

Ozzie Balesaria

Matt Hunter-King

Stephanie Ye