Skip to content

Latest commit

 

History

History
39 lines (32 loc) · 1.74 KB

README.md

File metadata and controls

39 lines (32 loc) · 1.74 KB
Raw

My Favorite Cartoons !

My Favorite Cartoons is a simple MERN Stack application built using :

  • MongoDB - as the app's datastore.
  • Express - as the web framework, and for RESTApi.
  • React - to create the front end.
  • Node - to handle the server stuff.
  • Redux - used for client side state management.
  • d3.js - used for custom graphs on the front end.
  • Live app hosted on Heroku and mLab.

Try it out:

https://my-favorite-cartoons.herokuapp.com/

Setup

  • git clone https://gitlab.com/mario-christopher/my-favorite-cartoons.git
  • cd my-favorite-cartoons
  • npm install
  • Edit the file source\server\config\config-dev.js to set your MongoDb settings (DBName and Server Url), or let it remain as the defaults.
  • npm run initdb - to insert seed/test data into your MongoDB instance.
  • npm run server - runs server on port 3000.
  • npm run client - runs client on port 3001 (on another terminal).
  • Browse to http://localhost:3001 ( tested on Chrome and IE.11 ).

Application features:

  • Segregation of code in client side based on code Features.
  • Custom Entityset, for ease of State Management of entities in Redux.
  • Use of Async Actions (with redux-thunk middleware) to load data into state asynchronously.
  • Use of Controlled and UnControlled components.
  • Custom Modal dialog for application-wide modals.
  • Use of Higher Order Components (HOC) to address Modal Dialog cross-cutting-concern.
  • Implementation of Container and Presentational Component concept.
  • Use of multiple data sources in the backend- MongoDB and eternal API (TheMovieDatabase API- TMDB).
  • Use of ES6 features and Promises on Server and Client.

License

Shared under MIT License.