Skip to content

Mission-Ready/https-github.com-MR-2026-FT-Feb-L5ADV-mission-0-Turei-hub

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

The Bro Toots – Portfolio & Landing Page

The Bro Toots Hero

Modern, responsive landing page built with React featuring a clean design, mobile-friendly hamburger menu, dark/light mode potential, and placeholder content for a personal / creative brand.

This project was created as part of the Mission Ready Level 5 Full Stack Developer Mission 0 final portfolio assessment, demonstrating front-end development skills, state management with useState, responsive design, and clean component structure.

Features

  • Responsive navigation bar with hamburger menu for mobile
  • Smooth dark/light mode toggle foundation (can be expanded)
  • Hero section with search/enquiry form
  • Featured cards / listings grid
  • Clean, modern UI with flexbox + responsive layout
  • External social media links (YouTube, Facebook, TikTok)

Tech Stack

  • React (with Hooks – useState)
  • CSS (custom styles in App.css)
  • Vite / Create React App (depending on your setup)
  • Responsive design (mobile-first)

Screenshots

Desktop View

Desktop screenshot

Mobile View (Hamburger Menu Open)

Mobile screenshot showing The Bro Toots landing page with hamburger menu expanded, displaying navigation links in a vertical stack on a dark background with the hero section visible behind it

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • JavaScript 59.1%
  • CSS 35.4%
  • HTML 5.5%