Skip to content

Commit 5200bb3

Browse files
blank commit
0 parents  commit 5200bb3

File tree

2 files changed

+72
-0
lines changed

2 files changed

+72
-0
lines changed

.gitignore

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2+
3+
# dependencies
4+
/node_modules
5+
/.pnp
6+
.pnp.js
7+
8+
# testing
9+
/coverage
10+
11+
# production
12+
/build
13+
14+
# misc
15+
.DS_Store
16+
.env.local
17+
.env.development.local
18+
.env.test.local
19+
.env.production.local
20+
21+
npm-debug.log*
22+
yarn-debug.log*
23+
yarn-error.log*

README.md

Lines changed: 49 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,49 @@
1+
# Module Project: Async Redux - React Redux App
2+
3+
This project allows you to practice the concepts and techniques learned in this module and apply them in a concrete project. This module explored asyncronous 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.
4+
5+
## Introduction
6+
7+
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](https://github.com/public-apis/public-apis) has a lot of great ones - look for ones with `Auth: no` and `HTTPS: yes` - or just do a google search for `open apis`). Protip - don't take too long choosing an API. Pick one that looks interesting, and get building.
8+
9+
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!
10+
11+
**Read these instructions carefully. Understand exactly what is expected _before_ starting this project.**
12+
13+
### Commits
14+
15+
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.
16+
17+
### Description
18+
19+
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.
20+
21+
## Instructions
22+
23+
### Task 1: Project Set Up
24+
25+
- [ ] Create a forked copy of this project.
26+
- [ ] Add your team lead as collaborator on Github.
27+
- [ ] Clone your OWN version of the repository in your terminal.
28+
- [ ] CD into the project base directory `cd React-Redux-App`.
29+
- [ ] Run `npx create-react-app app --use-npm` to make a CRA app.
30+
- [ ] CD into the react app `cd app`.
31+
- [ ] Start up the app using `npm start`.
32+
- [ ] Create a new branch: git checkout -b `<firstName-lastName>`.
33+
- [ ] Implement the project on your newly created `<firstName-lastName>` branch, committing changes regularly.
34+
- [ ] Push commits: git push origin `<firstName-lastName>`.
35+
36+
### Task 2: Minimum Viable Product
37+
38+
- [ ] Build a React Redux app
39+
- [ ] Fetch data inside an async action creator from an API of your choosing
40+
- [ ] Add the data from the API to the Redux store
41+
- [ ] Display the data from the store in a component
42+
- [ ] _Some_ styling must be applied. It can be basic, but the app must not only use browser default stylings
43+
44+
### Task 3: Stretch Problems
45+
46+
Take the app as far as you can go! Styling, redux hooks, another API, an input to fetch data dynamically, etc. Work on it, improve it until the end of the day. If you find yourself finishing with time left to spare, jump on with your TL or fellow student to ask them what feature they think you should build next. Good luck!
47+
48+
## Submission Format
49+
* [ ] Submit a Pull-Request to merge `<firstName-lastName>` Branch into `main` (student's Repo). **Please don't merge your own pull request**

0 commit comments

Comments
 (0)