8hrs Goto Github PK

8hrs is web application designed and developed by Team Haymarket to help workers communicate and organize.

Americans want more influence in the workplace to win better wages, better benefits, and more flexible work schedules—all of which can be gained through joining a union.

The ability of employees to join a labor union is the single largest unclaimed legal right to additional personal wealth in America today. Moving this digitally gives them more freedom to join anonymously.

Our app will allow individuals at an organization communicate and to start to organize the beginning stages of a labor organization. Participation made digitally will reduce the concerns of individuals feeling they would be who would be spied on, harassed, pressured, threatened, suspended, fired, deported or otherwise victimized if they publically attempted to even show interest in joining a union.

We wanted to create a simple yet appealing interface that would allow individuals to quickly see information based on current campaigns and to create one if one did not exist.

The app can be accessed here.

Once the app has loaded the employee will:

• View the site and will learn more about why they should unionize and click on the button 'Let's Get Started' to perform a search for his Employer.

• If the Employer is found, then the employee can view an existing campaign and join the campaign foundpage.html

• If an employer is not found, then the employee is brought to a page to create a new campaign newcampaign.html

• At any time - the employee can click on the hamburger icon to go to 'Home' or the 'Resources' page

Technologies:

• HTML
• CSS

CSS Library:

• Bootstrap 3.3.7 - Bootstrap is an open source toolkit for developing with HTML, CSS, and JS.

Javascript itself, modules and libraries:

• JavaScript - JavaScript, often abbreviated as JS, is a high-level, dynamic, weakly typed, prototype-based, multi-paradigm, and interpreted programming language.
• JSON - JSON (JavaScript Object Notation) is a lightweight data-interchange format.
• Node.js - Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient.
• Node express server - Fast, unopinionated, minimalist web framework for Node.js
• Sequelize - Sequelize is a promise-based ORM for Node.js v4 and up. It supports the dialects PostgreSQL, MySQL, SQLite and MSSQL and features solid transaction support, relations, read replication and more.
• Handlebars - Handlebars provides the power necessary to let you build semantic templates effectively with no frustration. Handlebars is largely compatible with Mustache templates.

APIs:

• Glassdoor - Company information

Database:

• MySQL- MySQL is the world's most popular open source database

Cloud Application Platform:

• Heroku - Cloud Application Platform

Analytics:

• Google Analytics - Google Analytics gives you the digital analytics tools you need to analyze data from all touchpoints in one place, for a deeper understanding of the user experience. Please see below for screenshots.

Real-Time Overview

Real-Time Traffic Sources

Audience Overview

Users Flow

Within the download archive you'll find the following directories and files, logically grouping common assets and utilizes the MVC Framework and Application Structure. You'll see something like this:

8hrs/
├── config/
│   │   ├── config.json
│   │   └── connection.js
├── controllers/
│   │   ├── campaign-api-routes.js
│   │   ├── employer-api-routes.js
│   │   ├── user-api-routes.js
├── ext_api/
│   │   ├── glassdoor.js
├── models/
│   │   ├── campaign.js
│   │   ├── employer.js
│   │   ├── index.js
│   │   ├── user.js
├── public/
│   │   ├── css
│   │   │   └── styles.css
│   │   ├── images...
│   │   └── js
│   │   │   └── index.js
│   │   │   └── search.js
│   │   │   └── statesArray.js
│   │   └── foundpage.html
│   │   └── index.html
│   │   └── newcampaign.html
│   │   └── resources.html
├── routes/
│   │   └── ext-api-routes.js
│   │   └── html-routes.js
├── views/
│   │   └── layouts
│   │   │   └── main.handlebars
│   │   │   └── test.handlebars
│   │   └── found.handlebars
│   │   └── index.handlebars
├── .gitignore
├── package-lock.json
├── package.json
├── README.md
├── server.js

• Add user account and logins
• Introduction of an Admin/Campaign Organizer
• Management of campaigns
• User forum/message boards

• Dennis Hodges - fermentationist
• Jang Yurai - jangyjang
• Jessica Toro-Pacheco - jessicatoro2
• Mhirra Yung - lookatdmoon

Thanks for visiting!!