What did we learn last time?

Readings discussion

• questions?

Random Questions

• What is bootstrap?
• What is the grid system?
• How do you use bootstrap?

Bootstrap

Let's see it on action

Exercise

Update your AIRBNB Listings Using Bootstrap 5

• Share your results

Project 1

P1 Requirements

• Your homepage: Your skills, courses, projects, hobbies, etc.
• ✓ W3C Compliant
• ✓ Bootstrap 5+ (can use templates)
• ✓ At least two pages (without using AI)
  • Plus one page using AI
• ✓ At least one JS (Vanilla) feature not copied
• ✓ Can use templates
• ✓ Ask me for any special libraries you want to use

P1 Submission Requirements

• ✓ Include design document
• Github page (README, MIT License, code)
• Deployed URL (consider github pages)
  • Must remain online 6 months after the class ends
• 2 min presentation Google slides
• Code review (Github Pull Request)
• 3 min Video demonstrating

Design document

• Description
• User Stories
• Wireframes

Presentation

• Objective
• Technologies used
• What you are most proud of
• What was the hardest part
• Demo
• Use Google Slides
• Make sure they are public

Code + Github

• Organized Files
• Good README
• MIT License (or equivalent)
• Demo linked
• Code must freeze 24 hours before the deadline
• Create a release

Good README

• Good project name
• Project objective
• Screenshot (gifs are preferred)
• Tech requirements
• How to install/use
• Author with link to homepage
• Reference to the class with link
• Link to the video demonstration
• Use Github Markdown

Code Review

• Canvas assigns the code reviews
• Must be done during the 24hs before the deadline
• If the person you are reviewing doesn't have code, tag them in Slack #general
• Be respectful
• Use positive comments
• Praises count
• Provide constructive feedback
• How to do Code Reviews