Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

&& Brittany Jones Ampers #45

Open
wants to merge 26 commits into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
26 commits
Select commit Hold shift + click to select a range
cff9ed1
Merge pull request #1 from AdaGold/cm/solution
CheezItMan Jun 8, 2018
0d711a7
change color scheme, reformat layout on cards
tildeee Jun 9, 2018
46a916d
switched to scaffold and added optional deployment
CheezItMan Jun 10, 2018
39e0759
restyle the form, handle long text in notes, redo typography
tildeee Jun 10, 2018
5dbf620
add section on styling
tildeee Jun 10, 2018
d83d657
add detail and example to BEM styling notes
tildeee Jun 11, 2018
c94548a
Merge remote-tracking branch 'origin/scaffold' into ddr/solution-styles
tildeee Jun 11, 2018
c635e37
Merge pull request #5 from AdaGold/ddr/solution-styles
CheezItMan Jun 11, 2018
6bba1f1
add note on emoji-dictionary
CheezItMan Jun 11, 2018
446ade0
Add PR Template
CheezItMan Jun 11, 2018
1fbb7a7
update PR template.
CheezItMan Jun 11, 2018
757575e
Merge pull request #2 from AdaGold/scaffold
CheezItMan Jun 11, 2018
f7a46ba
Add Due Date
CheezItMan Jun 11, 2018
52d0fe2
Update card-data.json
CheezItMan Jun 11, 2018
f30bb69
hard coded card data
brittanyrjones Jun 12, 2018
be45446
hard coded card data
brittanyrjones Jun 13, 2018
c9bbee1
implemented axios to load card data, snapshot tests for card and board
brittanyrjones Jun 13, 2018
db8bec5
shallow test for app
brittanyrjones Jun 14, 2018
edd5534
implement adding a card to board
brittanyrjones Jun 14, 2018
8cb605b
new card form posing to API
brittanyrjones Jun 14, 2018
ca588d6
implemented delete card functionality, added some class names for sty…
brittanyrjones Jun 15, 2018
1aff8c8
added snapshot test for new card form
brittanyrjones Jun 15, 2018
c778df4
added styling for new card form
brittanyrjones Jun 15, 2018
34fae3e
added test to simulate changes in text emoji
brittanyrjones Jun 15, 2018
4050640
Testing ability to delete cards
brittanyrjones Jun 15, 2018
6d0e50b
fixed typo in card.js
brittanyrjones Jun 15, 2018
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
13 changes: 13 additions & 0 deletions .github/PULL_REQUEST_TEMPLATE
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@

# Inspiration Board
Congratulations! You're submitting your assignment!

## Comprehension Questions
Question | Answer
:------------- | :-------------
Explain the steps in creating a new Card from the form. |
How did you learn how to use the API? |
What function did you use to place the GET request from the API to get the list of cards? Why use that function? |
Explain the purpose of a Snapshot test. |
What purpose does Enzyme serve in testing a React app? |
Summary |
30 changes: 29 additions & 1 deletion README.md
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
# Ada's Inspiring Board
# Inspiration Board

## Introduction

Expand All @@ -8,6 +8,8 @@ In this project you will use a provided API to provide an inspiration board fron

This is a [Stage 2](https://github.com/Ada-Developers-Academy/pedagogy/blob/master/rule-of-three.md#stage-2) individual project. You will be submitting a PR for this project at the end.

The project is due Monday June 18th 9am

## Learning Goals
This project should enable you to demonstrate learning in:
- Using an API within a React app
Expand All @@ -20,13 +22,38 @@ The API is hosted at **https://inspiration-board.herokuapp.com/**. You can find

You should spend time exploring the API with Postman to get a feel for how to make requests and how the data is returned.

### A Note About Styles

We have provided styles for you in `.css` files. Styling is not a major learning goal for this project, so please limit the amount of time you spend on styling.

To ease the use of our styles, the project conforms to a naming methodology/naming convention standard known as [BEM, or Block Element Modifier](http://getbem.com/). Essentially, you can count on the provided styles to conform to the following naming rules:
- There aren't any, or rarely any element/tag selectors or ID selectors, and all styles selectors are on classes. That means there are are a lot more classes to set, but it relies less on assuming a specific HTML structure before understanding how to use it
- Classes are named in [block__element--modifier](http://getbem.com/naming/) format:
- The first section, `block`, will describe the semantic block that the style applies to
- The second section, `element` (after two underscores), will describe the specific element within that block that the style applies to
- The third section `modifier` (after two hyphens), will describe any sort of modifier (ie `enabled`, `success`, `green`) for that block and element that the style applies to

Here's an example:
```css
.new-card-form__header {
text-align: center;
...
}
```

In this case, there is some "block" (section, idea, maybe component) named `new-card-form`, and this style is for the "element" that represents the header by name of `header`. This style makes the header in the new card form `text-align: center;`. Note that this does not dictate what kind of HTML tag this is, or what its parent or children are.

Again, please limit the time you spend on styling, and reach out often and frequently.

## Wave 1

Create `Card` and `Board` components and use the provided hardcoded data to populate the board.

- Build the Card component to display a single inspirational quote and optional emoji.
- Build a `Board` component which renders a list of Cards from hardcoded data

Note there is a package installed called [`emoji-dictionary`](https://github.com/IonicaBizau/emoji-dictionary) which you can elect to use to display the emojis listed.

## Wave 2

In wave 2 you will add API functionality.
Expand All @@ -44,6 +71,7 @@ Possible optional enhancements include:
- Allowing the user to switch between bards with a drop-down list
- Add user interaction testing
- Allow the `NewCardForm` to post to different boards on the API.
- Try to deploy the app on Github pages [(nice tutorial, here!)](https://codeburst.io/deploy-react-to-github-pages-to-create-an-amazing-website-42d8b09cd4d)

## What we're looking for
You can see what your instructors are looking for [here](./feedback.md)
Binary file added images/board.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading