createdd / votingapp Goto Github PK

View Code? Open in Web Editor NEW

73.0 6.0 42.0 3.33 MB

🔥 🗳️ 💻 Build a Voting App - FCC Challenge #MERN

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

License: MIT License

JavaScript 98.44% HTML 1.56%

freecodecamp chart vote heroku reactjs nodejs mongodb mongoose materializecss redux

votingapp's Introduction

📝 Author

Daniel Deutsch `Createdd.com / Github / LinkedIn / CodePen / Medium / Hashnode / E-Mail`

FreeCodeCamp Dynamic Web Application Projects:

Build A Voting App

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

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:

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

votingapp's People

Contributors

Stargazers

Watchers

votingapp's Issues

use extract text plugin for webpack

It moves every require("style.css") in entry chunks into a separate css output file. So your styles are no longer inlined into the javascript, but separate in a css bundle file (styles.css). If your total stylesheet volume is big, it will be faster because the stylesheet bundle is loaded in parallel to the javascript bundle.

Advantages:

Fewer style tags (older IE has a limit)
CSS SourceMap (with devtool: "source-map" and css-loader?sourceMap)
CSS requested in parallel
CSS cached separate
Faster runtime (less code and DOM operations)

I want to create a single page experience

see all polls (R)
see individual polls (R)
vote on available polls (C)

As an authenticated user I want to

see/read all polls (R)
see individual polls (R)
vote on available polls (C)
create new polls (C)
create new options/votes (C)
delete polls (D)