GithubHelp home page GithubHelp logo

thelogan2019 / sprint-10-module-3 Goto Github PK

View Code? Open in Web Editor NEW

This project forked from bloominstituteoftechnology/web-module-project-async-redux

0.0 0.0 0.0 710 KB

JavaScript 71.02% CSS 7.54% HTML 21.44%

sprint-10-module-3's Introduction

Module Project: Async Redux - React Redux App

This project allows you to practice the concepts and techniques learned in this module and apply them in a concrete project. This module explored asynchronous action creators in Redux. In your project you will demonstrate proficiency of these subjects and principles by building an app from scratch that consumes and API of your choosing, and displays data fetched from that API.

Introduction

This is the chance to let your skills shine! You have learned sooo much the last month, and now you get to put all of your hard-earned skills to work. Choose an open api (this list). Protip - don't take too long choosing an API. Pick one that looks interesting, and get building.

Once you have chosen an API to consume, build an app that makes sense for the data you will be retrieving. Have fun with this. You get to be the creative mind. You get to make all the decisions here. I'm excited to see what you build!

Read these instructions carefully. Understand exactly what is expected before starting this project.

Commits

Commit your code regularly and meaningfully. This helps both you and your team lead in case you ever need to return to old code for any number of reasons.

Description

In this project you'll choose an api to consume. You will build an application from scratch that uses your chosen API and displays the data you are getting from it.

Instructions

Task 1: Project Set Up

  • Create a forked copy of this project.
  • Start up the app using npm start.
  • Add your code into teh \src folder.

Task 2: Minimum Viable Product

  • Build a React Redux app
  • Fetch data inside an async action creator from an API of your choosing
  • Add the data from the API to the Redux store
  • Display the data from the store in a component
  • Some styling must be applied. It can be basic, but the app must not only use browser default stylings

Submission Format

  • If this is your first time connecting a submission, authorize your github account within the codegrade assignment.
  • Connect your fork to Codegrade using the "Connect Git" button.
  • Find your newly created fork from the list and push your work to main.
  • Check this video for details: www.youtube.com/watch?v=fC2BO7dI6IQ

sprint-10-module-3's People

Contributors

wlongmirebloomtech avatar thelogan2019 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.