All Projects → rowlandekemezie → media-library

rowlandekemezie / media-library

Licence: other
An online media library application with React, Redux and redux-saga

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects
CSS
56736 projects

Projects that are alternatives of or similar to media-library

inside-client
Human Resources Department Tool. https://ifactory-solutions.github.io/inside-client/
Stars: ✭ 42 (+55.56%)
Mutual labels:  redux-saga, create-react-app
create-react-redux-app
React boilerplate based on create-react-app
Stars: ✭ 49 (+81.48%)
Mutual labels:  redux-saga, create-react-app
marvel-jarvig
Marvel JARVIG (Just A Rather Very Interesting Game) is a game that lets you find and discover Marvel Comics characters based on their name, image and description!
Stars: ✭ 13 (-51.85%)
Mutual labels:  redux-saga, create-react-app
ts-ui
Telar Social Network using Reactjs
Stars: ✭ 35 (+29.63%)
Mutual labels:  redux-saga, create-react-app
React Boilerplate Cra Template
🔥 Setup Create React App with React Boilerplate. Highly scalable & Best DX & Performance Focused & Best practices.
Stars: ✭ 859 (+3081.48%)
Mutual labels:  redux-saga, create-react-app
crassa
Create React App Server Side Application
Stars: ✭ 16 (-40.74%)
Mutual labels:  redux-saga, create-react-app
coincharts
Cryptocurrency Price Chart (GDAX)
Stars: ✭ 75 (+177.78%)
Mutual labels:  redux-saga, create-react-app
React Social Network
Simple React Social Network
Stars: ✭ 409 (+1414.81%)
Mutual labels:  redux-saga, create-react-app
Patternfly React Demo App
DEPRECATED: This project is no longer active. See https://github.com/patternfly/patternfly-react-seed for PF4 demos.
Stars: ✭ 26 (-3.7%)
Mutual labels:  redux-saga, create-react-app
Youtube React
A Youtube clone built in React, Redux, Redux-saga
Stars: ✭ 421 (+1459.26%)
Mutual labels:  redux-saga, create-react-app
react-redux-hackernews
React Redux Hackernews Application
Stars: ✭ 19 (-29.63%)
Mutual labels:  redux-saga, create-react-app
Todo Redux Saga
Todo app with Create-React-App • React-Redux • Redux-Saga • Firebase • OAuth
Stars: ✭ 184 (+581.48%)
Mutual labels:  redux-saga, create-react-app
webservices
Prestashop Web Services + React JS App
Stars: ✭ 34 (+25.93%)
Mutual labels:  redux-saga, create-react-app
redux-saga-callback
redux-saga helper functions to await dispatched actions
Stars: ✭ 19 (-29.63%)
Mutual labels:  redux-saga
react-typescript-starter
Minimalist React 18 starter template with TypeScript ⚛
Stars: ✭ 72 (+166.67%)
Mutual labels:  create-react-app
react-truffle-metamask
Build an DApp using react, redux, saga, truffle, metamask
Stars: ✭ 25 (-7.41%)
Mutual labels:  redux-saga
fractal-component
A javascript library that can help you to encapsulate decoupled UI component easily
Stars: ✭ 13 (-51.85%)
Mutual labels:  redux-saga
spotify-release-list
📅 Display list of Spotify releases from artists you follow
Stars: ✭ 142 (+425.93%)
Mutual labels:  redux-saga
react-snake
React Snake (Functional Style)
Stars: ✭ 128 (+374.07%)
Mutual labels:  create-react-app
bem-react-boilerplate
DEPRECATED! A bare minimum frontend boilerplate based on create-react-app and bem-react-core.
Stars: ✭ 32 (+18.52%)
Mutual labels:  create-react-app

Build Status Coverage Status Contact me on Codementor

Application UI

  • Click here for see the Live demo.
  • Click here for the tutorial post.

Motivation

media-gallery is a tutorial app to get all levels of React developers up to speed with how to architect a scalable, maintainable and testable react/redux application.

Technology used

  • React as the core infrastructure.
  • Redux for state management.
  • Redux-saga for handling async tasks with agility.

Modules covered

  1. Introduction.
  2. Project setup.
  3. Define action.
  4. Setup state management system.
  5. Define async task handlers.
  6. Create a container component.
  7. Create presentational component.
  8. Connect React component to redux store.
  9. Deploy app on Heroku.

Credit

Special credit goes to Facebook team for create-react-app

Sending Feedback

I am always open to your feedback.

Contributing

If you have ideas of how to make the app a good learning tool, open an issue.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].