https://github.com/nafeesha-07/codsoft

The Food Ordering app template using UI tools.
https://github.com/nafeesha-07/codsoft

application codsoft-internship design foodordering navigation-component project template ui-design

Last synced: about 1 month ago
JSON representation

The Food Ordering app template using UI tools.

• Host: GitHub
• URL: https://github.com/nafeesha-07/codsoft
• Owner: nafeesha-07
• Created: 2024-07-13T07:15:34.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-08-08T17:11:30.000Z (5 months ago)
• Last Synced: 2024-08-08T20:07:38.457Z (5 months ago)
• Topics: application, codsoft-internship, design, foodordering, navigation-component, project, template, ui-design
• Homepage: https://www.figma.com/community/file/1397595632681501328/hunger
• Size: 3.68 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Created a food delivery app template in Figma, the steps I follwed are below.

1.Set Up Your Frame: Start by selecting a mobile frame, like iPhone 14 Pro Max, to serve as your app's canvas.

2.Design Wireframes: Outline the app's structure with wireframes, including key screens like Take a look, menu bar, food categories,meal details, and cart.

3.Add UI Elements: Incorporate logos, icons, images, and a color palette to enhance the aesthetic. Use a layout grid for alignment.

4.Prototype: Link screens to demonstrate app navigation and interactions.

5.Showcase: Present your design, ensuring it is user-friendly and visually appealing.

YOU CAN ACCESS THE EDITOR ROOM : https://www.figma.com/design/d4e8tRvpCz7lmTR0wEhmIm/food-ordering-app?node-id=0-1&t=7UAyeWWFL9l5MDln-1

EXPERIENCE THE PROTOTYPE: https://www.figma.com/proto/d4e8tRvpCz7lmTR0wEhmIm/food-ordering-app?node-id=4-2&t=awbs48ii94eXb3aX-1&scaling=scale-down&content-scaling=fixed&page-id=0%3A1&starting-point-node-id=4%3A2&show-proto-sidebar=1

# CODSOFT