title	tags	type
The Craigslist App	msimbo presentation	slide

Team Carnivalist App

---

🤔 Problem

Description: Craigslist has hired our Team Carnival to help re-design three sections of their website

The ULEM's MSIMBO code academy group project. MSB-FY23C1 - Team Carnival - The Craigslist Rebuild

---

😃 Solution

Goals: Completing tasks utilizing HTML and CSS to make sure Craigslist refactoring works smoothly and as designed.

---

🛤️ The Process

• Milestone 1: HTML, CSS, Figma
  • Bootstrap TailwindCSS
  • Git
    • Create a group project repository
    • Create a branch for each member
    • Assign issues to contributors
  • Validate initial push to Vercel
  • Figma prototype mock up
    • Frame 1 - Main page
    • Frame 2 - Community
    • Frame 3 - Blog
  • HTML design
    • Page 1 - Main
      • Create templates, layouts and basic structures for header, main section and footer
      • Link community category to page 2
      • Design header and footer to show on each page
      • Design search bar
      • Design category bar
    • Page 2 - Community
      • Create templates, layouts and basic structures
      • Link Blog link to page 3
      • Decide on how many lists / paragraphs to show on community page
      • Add dates of when content was added to Craigslist
      • Check box and filter option in the side nav
    • Page 3 - Blog
      • Create templates, layouts and basic structures
      • Link Logo to page 1
      • Decide on how many lists / paragraphs to show on blog page
      • Add dates of when content was added to Craigslist
      • Add archived link to the side nav
  • CSS design
    • Decide on correct balance of colors, tone and theme strategy
    • Design solves user experience problems
    • Addressing different needs by providing user friendly style
    • Minimalist design and eye catching font family, size and weight
    • Implement sufficient use of spacing, positioning, and proximity
    • Consistency in design and smooth UX
  • Production
    • Fork the final design from MSIMBO organization to personal GitHub
    • Deploy to Vercel
    • Test HTML & CSS Wireframe on Vercel
    • Submit the GitHub, Vercel, and Slide deck link

---

⚙️ Stack & Technologies

• Figma
• HTML
• TailwindCSS
• DaisyUI
• GitHub
• Vercel
• Webstorm

---

• Figma
  • https://tinyurl.com/2ormfppo
• GitHub
  • https://github.com/msimbo/team-carnival-the-craigslist-rebuild
  • https://github.com/AmirhosseinOlyaei/team-carnival-the-craigslist-rebuild
• Vercel
  • https://team-carnival-the-craigslist-rebuild.vercel.app/
• Slide Deck
  • https://hackmd.io/@PEOik05hTQmuXIgPTSOCRQ/SJWyesaAj