Skip to content

πŸ”₯ πŸ—³οΈ πŸ’» Build a Voting App - FCC Challenge #MERN

License

Notifications You must be signed in to change notification settings

Createdd/votingApp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ“ Author

FreeCodeCamp Dynamic Web Application Projects:

Build A Voting App

Travis CI Heroku Code Climate Dependency Status

gif

See live on Heroku

(Keep in mind that I am using the free tier version on Heroku, which can shut down when traffic is too high in a certain time period)

https://ddcs-votingapp.herokuapp.com/

Built with the MERN stack

MongoDB Express React NodeJS
mdb mdb mdb mdb
a free and open-source cross-platform document-oriented database program Fast, unopinionated, minimalist web framework for node. a JavaScript library for building user interfaces a JavaScript runtime built on Chrome's V8 JavaScript engine

MaterializeCSS

a CSS Framework based on material design.

Photo credit

Unsplash.com

User stories:

  • As an authenticated user, I can keep my polls and come back later to access them.
  • As an authenticated user, I can share my polls with my friends.
  • As an authenticated user, I can see the aggregate results of my polls.
  • As an authenticated user, I can delete polls that I decide I don't want anymore.
  • As an authenticated user, I can create a poll with any number of possible items.
  • As an unauthenticated or authenticated user, I can see and vote on everyone's polls.
  • As an unauthenticated or authenticated user, I can see the results of polls in chart form. (This could be implemented using Chart.js or Google Charts.)
  • As an authenticated user, if I don't like the options on a poll, I can create a new option.

A FreeCodeCamp Challenge

Build a Voting App

Issues / Bugs / Further features

There are already issues open! Feel free to add feedback: GitHub issues

Frameworks / Libraries

Name Description Used
React Fast, composable client-side components. Frontend
Redux Enforces unidirectional data flows and immutable, hot reloadable store. Supports time-travel debugging. Frontend
React Router A complete routing library for React Frontend
React Google Charts A React Google Charts Wrapper Frontend
Axios Promise based HTTP client for the browser and node.js Frontend
MaterializeCSS A a CSS Framework based on material design. Frontend
Express For creating the backend logic Backend
Mongoose To work faster with MongoDB Backend
Passport For simplified authentication in Node.js Backend
Babel Compiles ES6 into ES5 General
Webpack Bundles npm packages and our JS into a single file. General
ESLint Lint JS. Reports syntax and style issues. General

forthebadge forthebadge forthebadge