Git Product home page Git Product logo

something-good's Introduction

Something Good

An App for Volunteering Events

Goals

  • Give volunteers information about volunteering events
  • Create a platform where volunteers and organizations can post their volunteering events

User Journey

As a volunteer, I want to go to the app, get information, and create volunteering events

App Flow

The user opens the home page, and sees the logo and description of the app. The user can click the logo to get to the Events Page.

The Events Page shows the upcoming volunteering events, ordered by date.

The user can click on each event to see more details about it, including a map for exact location.

The user can click on a button to indicate his/her intention to participate in the event.

The user can create an event using a form, which will be added to the Events Page.

Technologies

After we searched about the features that every Technology provides we chose to work with Express + Handlebars + MongoDB + SASS.

Why?
  1. Express is a minimal and flexible Node.js web application framework that provides a robust set of features to develop the web and mobile applications. It facilitates the rapid development of Node based web applications. These are some of the core features of Express framework โˆ’
  • Allows to set up middlewares to respond to HTTP Requests.

  • Defines a routing table which is used to perform different actions based on HTTP Method and URL.

  • Allows to dynamically render HTML Pages based on passing arguments to templates.

  1. MongoDB is a database. This is the place where we want to store the information for our application.

  2. SASS makes CSS fun again. Sass is an extension of CSS, adding nested rules, variables, mixins, selector inheritance, and more. It's translated to well-formatted, standard CSS using the command line tool or a web-framework plugin.

  3. Handlebars adds a couple of additional features to make writing templates easier and also changes a tiny detail of how partials work.

Team Guidelines

  • CamelCase for JavaScript id's
  • kebab-case for SASS classes
  • comments for code clarification
  • ES6 on backend
  • other team member understands the code before approval

Architecture

architecture

Wireframe

Stretch Goals

  • user sign-up and login
  • vote for events
  • show past events
  • add coin system for earning coins when participating in events

something-good's People

Contributors

sajedazoabi avatar veredrec avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.