50% off all plans with SPRING50
Navigation
junior Card 1 of 14

Navigation

User story

As a user, I want a clean and intuitive navigation bar that provides easy access to key features such as switching between delivery and pickup, setting my address, viewing my cart, and managing my account.

Acceptance criteria

  • A navigation bar is present with the FoodieGo logo, delivery/pickup toggle, address field (either via geolocation or a default hardcoded address), cart icon showing the current number of items, and sign-in/create account buttons.
  • Implement card opening/hiding, for now with an empty state.
  • IMPORTANT: Mock UI states for authentication, account management, and restaurant data retrieval. Use JSON hardcoded data you create based on designs for the restaurant list and menu. If you want to deep dive, extend the project by integrating user authentication and real APIs. Explore existing third-party restaurant APIs for advanced implementation.

Build this task card

Start your 7-day free trial to build this card in our code editor with Figma designs and live preview.

Start 7-Day Free Trial to Build This Card

Other cards in FoodieGo