DST 61004 APPLICATION DESIGN II - TASK 3 INTERACTIVE COMPONENT DESIGN & DEVELOPMENT & FINAL COMPLETED APSS
22.4.2024 - 26.7.2024 (Week 1 - Week 7)
Er Xin Ru (Melanie) | 0354939
Bachelor Of Design (Hons) In Creative Media | Taylor's University
Subject: DST61004 - Application Design II
Task 3: App Design II Interactive component Design & Development & Final Completed Apps
INSTRUCTIONS
CODING IN DREAMWEAVER (VIEW FOR CODING) & GOOGLE CHROME VIEW OF THE APPS
Here are the details of every Part, Flow/Animations with Coding for my Shopee Apps. It will be in video for every of the Coding parts to be shown in Dreamweaver and Google Chrome View and record the part in Video as my Final Video Presentation Part by Part will be more clearer. There are also Final Presentation (All parts combination + Present using Google Chrome + Netlify)
- Log In/ Register page
- My Profile
- My Purchase
- My Wallet
- Homepage - Daily Discover
- Shopee Mall
- Discover : Live/Findings
- Shopee Mall
- Message and Notifications
- Type to Search Here - Trending Search - Random
- Relevance & Search Filter
- Product page : Description and Variation
- Checkout & Payment
- Zip Files Link (Google Drive to open in Dreamweaver): https://drive.google.com/drive/folders/1giUlgrnLNdCqBCdxUtpYIXZUo73p_AHa?usp=sharing
- Netlify Link: https://sshopeee.netlify.app/
1 | Log In/ Register page [X3]
- i | Logo Page [Source Code/Basic CSS]
- ii | Log in (Continue with Google) [Source Code/Basic CSS/Log in.CSS/ Effect JS]
- iii | Choose Account [Source Code/Basic CSS/Google.CSS]
3 | My Purchase [Source Code/ Basic.CSS/MyPurchase.CSS/Effect.JS]
4 | My Wallet : [Source Code/ Basic.CSS/MyPurchase.CSS/MyWallet.CSS/Effect.JS]
5 | Homepage - Daily Discover : [Source Code/ Basic.CSS/Profile.CSS/Hp.CSS/Effect.JS/Timer.JS]
6 | Shopee Mall [Source Code/ Basic.CSS/Profile.CSS/Homepage.CSS/ShopeEMall.CSS/Effect.JS/Timer.JS]
7 | Discover : Live/Findings [Source Code/ Basic.CSS/Profile.CSS/Discover.CSS/Effect.JS]
8 | Message and Notifications [Source Code/ Basic.CSS/Profile.CSS/Discover.CSS/Notification.CSS/Effect.JS]
9 | Type to Search Here - Trending Search - Random [Source Code/ Basic.CSS/Profile.CSS/Discover.CSS/Notification.CSS/Effect.JS]
10 | Trending Search [Source Code/ Basic.CSS/Profile.CSS/Discover.CSS/Search.CSS/Effect.JS]
11 | Relevance + Search Filter [Source Code/ Basic.CSS/Profile.CSS/Discover.CSS/ Search.CSS/Relevance.CSS/Effect.JS]
12 | Product page : Description [Source Code/ Basic.CSS/Product.CSS]
13 | Product Variation [Source Code/ Basic.CSS/Profile.CSS/Choose.CSS] & Shopping Cart [Source Code/ Basic.CSS/Product.CSS/Choose.CSS/Cart.CSS]
14 | Checkout & Payment [Source Code/ Basic.CSS/Product.CSS/Choose.CSS/Cart.CSS/Checkour.CSS/Effect.JS]
1 | FINAL VIDEO PRESENTATION - OVERVIEW OF MY SHOPEE APPS
2 | FINAL VIDEO PRESENTATION - DREAMWEAVER + GOOGLE CHROME VIEW
3 | VIDEO PRESENTATION - SHORT INTRODUCTION FOR DREAMWEAVER USE & FLOW
Youtube Link : https://youtu.be/_7ueDh6tk0o
4 | FILES SUBMISSION IN TOTAL
- Zip Files Link (Google Drive to open in Dreamweaver): https://drive.google.com/drive/folders/1giUlgrnLNdCqBCdxUtpYIXZUo73p_AHa?usp=sharing
- Netlify Link: https://sshopeee.netlify.app/
Comments
Post a Comment