https://github.com/melitus/feedback-collection-application
:construction: Isomorphic web app with React, Redux, Node.js, Express, Webpack, MongoDB
https://github.com/melitus/feedback-collection-application
express mongodb react redux router webpack
Last synced: 3 months ago
JSON representation
:construction: Isomorphic web app with React, Redux, Node.js, Express, Webpack, MongoDB
- Host: GitHub
- URL: https://github.com/melitus/feedback-collection-application
- Owner: melitus
- Created: 2018-04-27T09:41:10.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2018-04-29T10:14:52.000Z (about 7 years ago)
- Last Synced: 2025-01-29T22:27:20.491Z (5 months ago)
- Topics: express, mongodb, react, redux, router, webpack
- Language: JavaScript
- Homepage:
- Size: 12.7 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# feedback-collection-application
[](https://twitter.com/intent/tweet?text=With%20@feedback-collection-application,%20I%20can%20build%20my%20iisomorphic%20web%20app%20easily.%20Thanks,%20@Aroh%20Melitus!)
Would you like to connect?
This app is built to demostrate the most efficient way to build large fulstack web application combining React, Redux, Express, and MongoDB technologies
## Features
Really large web app with the most popular technologies:
* [React](https://facebook.github.io/react/) as the view.
* [React Router v4](https://reacttraining.com/react-router/) as the router.
* [Redux](https://github.com/reactjs/redux)'s futuristic [Flux](https://facebook.github.io/react/blog/2014/05/06/flux.html) implementation.
* [Mongo](https://docs.mongodb.com/) To communicate data from db to react application.
* [Redux Form](https://redux-form.com/7.3.0/docs/gettingstarted.md/) To build reusable user inputs
* [Stripe](https://stripe.com/docs/api/node/) To handle credit cards and receive payments from your users with Stripe
* [SendGrid](https://goo.gl/tMkJNL/) To engage app users with automated emails
* [Google OAuth authentication](https://developers.google.com/actions/identity/oauth2-code-flow/) To enhance authentication flows
* [Express](https://expressjs.com/) server.
* [Webpack 4](https://webpack.js.org/) for bundling
* [Babel](https://babeljs.io/) for ES6 and ES7 transpiling.
* [React Hot Loader 4](https://github.com/gaearon/react-hot-loader) to tweak React components in real time.
* [nodemon](https://nodemon.io/) to monitor for any changes in your node.js application and automatically restart the server.
* Integrate [Jest](https://facebook.github.io/jest/) with [enzyme](https://github.com/airbnb/enzyme) as the solution for writing unit tests with code coverage support.
* Separate production and development resources with advanced API key handling techniques
## Requirements
* [node](https://nodejs.org/en/) >= 6.0
* [npm](https://www.npmjs.com/) >= 3.0