add next 6 weeks

content/blog/week-1/index.md

@@ -3,6 +3,7 @@ title: Week 1
 date: "2020-01-05T00:00:00+00:00"
 description: "NYC Metrocard System"
 icon: "🚆"
+published: true
 ---
 
 The NYC metrocard system has remained unchanged for decades. The cost of the metrocard machine infrastructure, the lost time of waiting in line to buy a metrocard, touching a dirty machine to do it, the potential of losing the metrocard, and the ease of gaming the system by swiping your card for others has cost the city millions of dollars and leaves much to be desired from the user experience.

content/blog/week-10/index.md

@@ -3,6 +3,7 @@ title: Week 10
 date: "2020-03-08T00:00:00+00:00"
 description: "Slack Sign Up"
 icon: "💬"
+published: true
 ---
 
 **Sign Up Landing Page**

content/blog/week-11/index.md

@@ -3,6 +3,7 @@ title: Week 11
 date: "2020-03-15T00:00:00+00:00"
 description: "Flight Search"
 icon: "✈️"
+published: true
 ---
 
 **Flight Search**

content/blog/week-12/index.md

@@ -3,6 +3,7 @@ title: Week 12
 date: "2020-03-22T00:00:00+00:00"
 description: "Calculator"
 icon: "🧮"
+published: true
 ---
 
 **Calculator**

content/blog/week-13/index.md

@@ -3,6 +3,7 @@ title: Week 13
 date: "2020-03-29T00:00:00+00:00"
 description: "Icon Set"
 icon: "🎨"
+published: true
 ---
 
 **Icon Set**

content/blog/week-14/index.md

@@ -3,6 +3,7 @@ title: Week 14
 date: "2020-04-05T00:00:00+00:00"
 description: "Food/Drink Menu"
 icon: "🍕"
+published: true
 ---
 
 **Food/Drink Menu**

content/blog/week-15/index.md

@@ -3,6 +3,7 @@ title: Week 15
 date: "2020-04-12T00:00:00+00:00"
 description: "User Profile"
 icon: "👩‍💼"
+published: true
 ---
 
 **User Profile**

content/blog/week-16/index.md

@@ -2,7 +2,8 @@
 title: Week 16
 date: "2020-04-19T00:00:00+00:00"
 description: "Ecommerce Item"
-icon: "🛒"
+icon: "🛍"
+published: true
 ---
 
 **Ecommerce Item**

content/blog/week-17/index.md

@@ -0,0 +1,22 @@
+---
+title: Week 17
+date: "2020-04-26T00:00:00+00:00"
+description: "Music Player"
+icon: "🎧"
+published: false
+---
+
+**Music Player**
+
+Many of us listen to music through one of many cross-platform apps - Spotify, Apple Music, Tidal, etc.
+
+This week's challenge is to design a music player. What should we think about when designing a music player?
+
+- Online and offline music streaming
+- Playlists
+- Random music flow
+- Sound equalization
+
+What about profile screens, home screens, etc.
+
+Design a music player for web, mobile, car, whatever really - have fun!

content/blog/week-18/index.md

@@ -0,0 +1,20 @@
+---
+title: Week 18
+date: "2020-05-03T00:00:00+00:00"
+description: "Shopping Cart"
+icon: "🛒"
+published: false
+---
+
+**Shopping Cart**
+
+The shopping cart is obviously an important page for many ecommerce sites where users order multiple items. It often determines whether or not users will progress to the all-important checkout — not giving the user what they need here can cause them to abandon their purchase.
+
+How can we make a better, more beautiful experience for a shopping cart?
+
+- Can users change the quantity of items?
+- How do we layout information?
+- How do we show shipping?
+- Can users add a discount?
+
+Design a shopping cart page - have fun!

content/blog/week-19/index.md

@@ -0,0 +1,17 @@
+---
+title: Week 19
+date: "2020-05-10T00:00:00+00:00"
+description: "Onboarding"
+icon: "📱"
+published: false
+---
+
+**Onboarding**
+
+User onboarding is a designed series of interactions and/instructions that help the user ease into the product’s experience. It can be as simple as a greeting and an explanation or as complex as a series of guided tasks for users to complete. So long as you’re providing your users with an on-ramp to the benefits of your product, you’re setting them up for success.
+
+- Slide onboarding using a few static screens
+- Tooltip onboarding
+- Guided task onboarding
+
+Design an onboarding experience for any app you'd like - have fun!

content/blog/week-2/index.md

@@ -3,6 +3,7 @@ title: Week 2
 date: "2020-01-12T00:00:00+00:00"
 description: "Restaurant Interface"
 icon: "🥡"
+published: true
 ---
 
 Design a restaurant reservations management platform.

content/blog/week-20/index.md

@@ -0,0 +1,22 @@
+---
+title: Week 20
+date: "2020-05-17T00:00:00+00:00"
+description: "Pricing"
+icon: "🏷"
+published: false
+---
+
+**Pricing**
+
+Your pricing page might be distracting your leads from becoming customers. How can we make this experience better?
+
+Here a few things to keep in mind when designing a pricing page:
+- List your prices
+- Add the features available at each price point
+- Include testimonials and/or recognizable logos
+- Highlight the plan you really want people to buy
+- Show off your free trial if you have one
+- Add some security logos and/or a money-back guarantee
+- Here’s Grammarly’s upgrade page:
+
+Design a pricing page for an app or service - have fun!

content/blog/week-21/index.md

@@ -0,0 +1,13 @@
+---
+title: Week 21
+date: "2020-05-24T00:00:00+00:00"
+description: "Boarding Pass"
+icon: "🛩"
+published: false
+---
+
+**Boarding Pass**
+
+A boarding pass usually contains the data and time of arrival and departure, the plane and seat number, the gate of entry, the name of the passenger, and the class. How can we make a printed or in-app boarding pass easier to use?
+
+Design a print or digital boarding pass for a flight - have fun!

content/blog/week-22/index.md

@@ -0,0 +1,17 @@
+---
+title: Week 22
+date: "2020-05-31T00:00:00+00:00"
+description: "Itinerary"
+icon: "🗓"
+published: false
+---
+
+**Itinerary**
+
+Whether we're attending weddings, travelling, or at work, we experience glancing through an itinerary for a specific event. As designers, we typically see how areas of designed itineraries can be better through:
+
+- Color palette
+- Typography
+- Layout
+
+Design a print or digital itinerary for an event - have fun!

content/blog/week-3/index.md

@@ -3,6 +3,7 @@ title: Week 3
 date: "2020-01-19T00:00:00+00:00"
 description: "On/Off Switch"
 icon: "💡"
+published: true
 ---
 
 **Design an On/Off switch.**

content/blog/week-4/index.md

@@ -3,6 +3,7 @@ title: Week 4
 date: "2020-01-26T00:00:00+00:00"
 description: "App Icon"
 icon: "📱"
+published: true
 ---
 
 **Design an App Icon.**

content/blog/week-5/index.md

@@ -3,6 +3,7 @@ title: Week 5
 date: "2020-02-02T00:00:00+00:00"
 description: "Login"
 icon: "🚪"
+published: true
 ---
 
 **Design a Login Form.**

content/blog/week-6/index.md

@@ -3,6 +3,7 @@ title: Week 6
 date: "2020-02-09T00:00:00+00:00"
 description: "404 Page"
 icon: "❓"
+published: true
 ---
 
 **Design a 404 Page.**

content/blog/week-7/index.md

@@ -3,6 +3,7 @@ title: Week 7
 date: "2020-02-16T00:00:00+00:00"
 description: "Business Card"
 icon: "📇"
+published: true
 ---
 
 **Design Logo/Business Card for a Photographer.**

content/blog/week-8/index.md

@@ -3,6 +3,7 @@ title: Week 8
 date: "2020-02-23T00:00:00+00:00"
 description: "Leaderboard"
 icon: "🏆"
+published: true
 ---
 
 **Design a Leaderboard.**

content/blog/week-9/index.md

@@ -3,6 +3,7 @@ title: Week 9
 date: "2020-03-01T00:00:00+00:00"
 description: "App/Website Redesign"
 icon: "👩‍💻"
+published: true
 ---
 
 **Redesign an existing App or Website**

gatsby-node.js

@@ -61,4 +61,4 @@ exports.onCreateNode = ({ node, actions, getNode }) => {
       value,
     })
   }
-}
+}

src/pages/design-challenges.js

@@ -66,6 +66,7 @@ export const pageQuery = graphql`
       }
     }
     allMarkdownRemark(
+      filter: { frontmatter: { published: { eq: true } } }
       sort: {
         fields: [frontmatter___date], order: DESC }
         ) {
@@ -80,9 +81,10 @@ export const pageQuery = graphql`
             title
             description
             icon
+            published
           }
         }
       }
     }
   }
-`
+`

src/pages/index.js

@@ -79,6 +79,7 @@ export const pageQuery = graphql`
       }
     }
     allMarkdownRemark(
+      filter: { frontmatter: { published: { eq: true } } }
       sort: {
         fields: [frontmatter___date], order: DESC }
         limit: 4