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 CardOther cards in FoodieGo
2/14 regular
Food Filters
3/14 regular
Restaurant List Filters
4/14 senior
Restaurant List
5/14 regular
Search Results
6/14 junior
Restaurant Details
7/14 regular
Category Shortcuts
8/14 regular
Restaurant Menu Offer
9/14 senior
Cart Checkout
10/14 regular
Mobile Main View
11/14 junior
Mobile Filters
12/14 junior
Mobile Cart Empty
13/14 regular
Mobile Restaurant Offer
14/14 regular