You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+14-6Lines changed: 14 additions & 6 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,14 +1,12 @@
1
1
# Single Page Applications Sprint Challenge
2
2
3
3
**Read these instructions carefully. Understand exactly what is expected _before_ starting this Sprint Challenge.**
4
+
4
5
**READ ALL INSTRUCTIONS BEFORE REACHING OUT TO ASK A QUESTION!!**
5
-
(that above part was because the FAQs section answers 75% of questions)
6
6
7
7
This challenge allows you to practice the concepts and techniques learned over the past sprint and apply them in a concrete project. This sprint explored **single page applications**. During this sprint, you studied **routing, forms, and testing in cypress**. In your challenge this sprint, you will demonstrate your mastery of these skills by creating **Bloomtech Eats**, a website designed to bring food to hungry coders.
8
8
9
-
This is an individual assessment. All work must be your own. Your challenge score is a measure of your ability to work independently using the material covered through this sprint. You need to demonstrate proficiency in the concepts and objectives introduced and practiced in preceding days.
10
-
11
-
You are not allowed to collaborate during the sprint challenge.
9
+
This is an individual assessment. All work must be your own. You are not allowed to collaborate during the sprint challenge.
12
10
13
11
## Introduction
14
12
@@ -35,10 +33,21 @@ Commit your code regularly and meaningfully. This helps you in case you ever nee
35
33
-[ ] Implement the project on the main branch, committing changes regularly
36
34
-[ ] Push commits: `git push origin main`
37
35
36
+
**Note on React Router versions:**
37
+
38
+
This project comes with React Router V6 **already installed**.
39
+
40
+
If you wish to tackle the challenge in V5, although not advised, you can:
Your finished project must include all of the following requirements:
41
49
50
+
-[ ] The `App` component is wrapped in `BrowserRouter` - complete this requirement in the `index.js` module
42
51
-[ ] A homepage that has a "/" route and links to your form (button, nav bar, or any other type of link is acceptable but must have an id of "order-pizza")
43
52
-[ ] A order form that has a "/pizza" route and shows the form
44
53
-[ ] A form with an id of "pizza-form"
@@ -79,7 +88,7 @@ From there in your newly created `cypress` folder in VSCode, navigate to the `e2
79
88
80
89
Follow these steps for completing your project.
81
90
82
-
Set up your fork on Github to codegrade following the instructions [here](https://bloomtech-1.wistia.com/medias/mpf3xru99v), pushing commits to your main branch. At this point you should be complete with your sprint challenge requirements!
91
+
Set up your fork on Github to codegrade following the instructions [here](https://bloomtech-1.wistia.com/medias/mpf3xru99v), pushing commits to your main branch. At this point you should be complete with your sprint challenge requirements!
83
92
84
93
### Task 3: Stretch Goals
85
94
@@ -95,7 +104,6 @@ After finishing your required elements, you can push your work further. These go
95
104
96
105
Demonstrate your understanding of this sprint's concepts by answering the following free-form questions. Edit this document to include your answers after each question.
97
106
98
-
1. In 1-2 sentences, explain what React's `useRouteMatch` hook is used for.
99
107
1. How would you explain form validation to someone who has never programmed before?
0 commit comments