软件概览
��
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
MaterializeCSS
a CSS Framework based on material design.
Photo credit
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
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 |