💯Project Challenges

https://github.com/ewuweblab/smart-mirror-astro

Challenge 1 : Content

• Show current time in your preferred format e.g. 03:00 vs 3:00

• Date: Show current date your preferred format e.g. January 1, 2000 vs 1/1/2000

• Weather: Show current weather for your location e.g. Sunny vs Sunny, 75°F

  • Pick any location you like

  • Display ONE-or-more data point(s) e.g. wind, humidity, pressure, etc.

• Use web-camera to as mirror

Challenge 2 : Design

• Create an Art Direction for this project by creating a Style Tile

• Duplicate to your Drafts the provided template and complete all the sections

  • https://www.figma.com/design/HTQXrZJ0sPu7af8wT4YSWw/%E2%AD%90-Art-Direction-Template?node-id=0-1&p=f

Challenge 3 : Code

• Use your own Open Weather API key

• Apply CSS and JS concepts learned

• Modify provide template

  • https://github.com/ewuweblab/smart-mirror-astro

• Use this favicon

  • https://lucide.dev/icons/layout-dashboard

Challenge 4 : Process

Art Direction

• Complete Style Tile

CodePen Collection

• Complete Collection of 5+ Pens on CodePen

GitHub Repo

• Version Control is used with multiple commits, over multiple days

• README.md file edited with your-own-content e.g. name, citations, notes, links, or any relevant information

• Link to public Netlify Deployment

Netlify Deployment

• Deploy to Netlify

Challenge 5 : Submission

• URL to Figma Style Tile

• URL to CodePen Pens

• URL to your project repo stored on GitHub

  • Example: *https://github.com/**YourUserName**/**RepoName***

• Provide URL to your project website deployed via Netflify

  • Example: https://YourAppName.netlify.com