Objective: Create 44 projects based on a particular theme.

Technologies: HTML, CSS, JavaScript, AngularJS, MaterialUI

Duration: 25 Days (+ the weekends)

► This article includes days 55-99. (For days 1-25 please click here, for days 26-54 please click here)

► Below you’ll find the projects for days 55 to 99 out of 100.

I included the “theme” (which is sent daily in your email by dailyUI), the code in Codepen and in GitHub, a video tutorial on YouTube, and -in some cases- some additional information like the “design hint”, inspirational images or helpful sites.

I tried to include more “themes” in just one project so I could have a better final result rather than having only a small portion of it.

---------------------------------------------------------------------------------------------------------------------------

“Daily UI is a series of daily design challenges design inspiration and neat surprise rewards.” — https://www.dailyui.co

Days 55 to 61: Filter for videos

⇒ Themes: Day 55— Icon Set| Day 56- Breadcrumbs| Day 57 — Video Player | Day 58— Shopping Cart | Day 59 — Background Pattern | Day 60 - Color Picker | Day 61 — Redeem coupon
⇒ Design Hint: There wasn’t provided any hint.
⇒ Technologies: AngularJs, AngularJS Material
⇒ AngularJS demo| Shopping cart icon | Play button icon
⇒ Codepen | Github | Video

Days 62 to 66: Workouts

⇒ Themes: Day 62— Workout of the day | Day 63- Best of 2015| Day 64 — Select User Type | Day 65— Notes Widget | Day 66 — Statistics
⇒ Design Hint: There wasn’t provided any hint.
⇒ Technologies: AngularJs, AngularJS Material
⇒ Helpful pen 1 (day 16) | Helpful pen 2 (day 56)
⇒ Workout gif 1 | Workout gif 2| Icons
⇒ Codepen | Github | Video

Days 67 to 71: Hotel and flight bookings

⇒ Themes: Day 67 — Hotel Booking| Day 68- Flight Search | Day 69 — Trending | Day 70— Event Listing | Day 71— Schedule
⇒ Design Hint: Day71 → “What are you creating a schedule for? Is it for a sports team? A band planning their concert tour? Is it a personal travel schedule?”
⇒ Technologies: AngularJs, AngularJS Material
⇒ Helpful pen 1 (day 16) | Helpful pen 2 (day 25)
⇒ Images
⇒ Codepen | Github | Video

Day 72: Image slider

⇒ Themes: Image slider
⇒ Design Hint: There wasn’t provided any hint.
⇒ Technologies: AngularJs, BootstrapUI
⇒ Images
⇒ Codepen | Github | Video

Days 73 to 79: Virtual reality kit

⇒ Theme: Day 73— Virtual Reality | Day 74 — Download App | Day 75 — Pre-Order | Day 76 — Loading… | Day 77 — Thank You| Day 78 — Pending Invitation | Day 79 — Itinerary
⇒ Design Hint: There wasn’t provided any hint.
⇒ Technologies: AngularJs, AngularJS Material
⇒ AngularJS demo | Helpful pen 1 (day 16) | Itinerary
⇒ Image Used
⇒ Codepen | Github | Video

Days 80 to 93: Update your Ninja’s profile

⇒ Theme: Day 80 — Date Picker | Day 81 — Status Update | Day 82 — Form | Day 83 — Button | Day 84 — Badge | Day 85 — Pagination | Day 86 — Progress Bar | Day 87 — Tooltip| Day 88 — Avatar | Day 89 — Terms of Service| Day 90 — Create New | Day91 — Curated for You | Day92 — F.A.Q. | Day93 — Splash Screen
⇒ Design Hint: Day81: “ Create a status update for a social site, a flight planner, or something entirely unique.”, Day91: “ Design Hint:Think about a design with content that has been customized for an individual such as suggested music, movies, books, news, or a product selection.”
⇒ Technologies: AngularJs, AngularJS Material
⇒ AngularJS tooltip demo
⇒ Avatar Icon | Badge Icon
⇒ Codepen | Github | Video

Days 94 to 99: Product advertisement

⇒ Theme: Day 94 — News | Day 95 — Product Tour | Day 96 — Currently In-Stock | Day 97 — Giveaway | Day 98 — Advertisement | Day 99 — Categories
⇒ Design Hint: There wasn’t provided any hint.
⇒ Technologies: AngularJs, AngularJS Material
⇒ Helpful pen 1 (day 16) | Helpful pen 2 (day 62)
⇒ Image Used
⇒ Codepen | Github | Video

Thank you.

Front-end Development