💻 Test Projects

Test Projects are hands on exercises that you submit your work and we review your code manually by our mentors.

• 1001–Basic HTML Exercise
• 1002–Implement Microsoft website layout
• 1003–Implement a minimal float-based layout
• 1004–[CSS] Subtle Scale-up CSS Effect on Hover
• 1005–[CSS] Funny Text Shadow
• 1005b–[CSS] Funny Box Shadow
• 1006–[CSS] Bookmark Ribon Style
• 1007–[CSS] Animated Box-shadow for Button
• 1008–[CSS] Photo Stack Effect
• 1008b–[CSS] Photo Stack Effect 2
• 1009–[CSS] 3D Flipping Button
• 1010–[CSS] Basic 3D Card Flipping
• 1011–[CSS] 3D Cube Rotation
• 1012–[CSS] Chat bubble with CSS triangle
• 1013–[CSS] Nav hover effect with linear gradient
• 1014–[CSS] Linear gradient button
• 1015–[CSS] Linear gradient background effect
• 1016–[CSS] 3D Greeting Card effect
• 1017–[CSS] Textured Background via Linear Gradient
• 1018–Styling File Input
• 1019–HTML5 Basic Exercise
• 1020–HTML Form Exercise
• 1021–Very basic navigation
• 1022–Content Strategy
• 1023–Simple layout implementation
• 1023b–Layout implementation
• 1023c–Layout implementation
• 1024–CSS-styled a link
• 1025–Block grid layout
• 1026–CSS grid layout
• 1027–File Selection Panel
• 1028–Folder Selection Panel
• 1029–Marker Highlight Effect
• 1030–Border Highlight Effect
• 1031–Realistic notebook
• 1032–Static Tab Panel
• 1032b–Tabs with Flexbox and Radio Button
• 11ty-netlify–11ty-Netlify
• 2001–Fontface Practice
• 2002–[UI] Re-Design Macau Government Website
• 2003–[UI] Design Traffic Reporting App
• 2004–Design a Todo/Task productivity app.
• 2015–Footer Navigation
• 3001–Tab Content
• 3002–Guess What Number game
• 3003–Card Matching game
• 3004–Count game
• 3005–Canvas drawing pad
• 3006–Capture video frame into canvas
• 3007–jQuery textarea input
• 3008–jQuery Slideshow
• 3008b–jQuery Slideshow B
• 3009–Slideshow Transition Effect
• 3010–List Template with jQuery
• 3011–Showing error message
• 3011b–Showing error message with addClass/removeClass
• 3012–jQuery todo list
• 3013–jQuery diary utility
• 3014–Product List Form
• 5001–[CSS] Parallax World
• 5002–Defining Home Screen App Icon
• 5003–Parallax flipping effect
• 7001–Fake Conference
• 7101–ReactJS Student List
• 7102–Weather Forecast
• 7103–Tweet Composer
• 7104–RGB Picker
• 7105–Todo List web app
• 7106–Rain or Not
• 7107–Simple Exchange Rate App
• 7108–ReactNative FlatList and Detail View
• 7109–ReactNative Webview and Detail view
• CM420-project–CM420 Project Submission
• api-001–設計巴士報站 API
• foundation-01–Lab1
• foundation-02–Lab 2
• html-1001–Hello World
• layout-basic-1–Basic Layout 1
• mobile-web-table-layout–Making an old table layout reponsive
• pcms-html-css-basic–中一第二段實作題
• php-simple-question–PHP Simple Question
• php-wifi-password–PHP Wi-Fi Password
• python101–使用 Python 撰寫一個自動化程序
• ui-001–尋找 Call to Action
• ui-002–尋找仿真設計 Finding Skeuomorphism Design
• ui-12-column–12-columns
• ui-flow–製作 UI Action Flow
• vue-library–澳門圖書館列表
• ws-201301–Music store layout
• ws-201302–Restaurant Web Page Styling
• ws-201501–Olympics Race
• ws-201502–Custom Puzzle
• ws-201503–Old website redesign
• ws2018-js-rock-paper-scissors–[JavaScript] Writing a Rock-Paper-Scissors Game in JavaScript
• ws2018-web-technologies-facebook.com–[HTML+CSS] Cloning the front page layout of facebook.com
• ws2019-cms-final–CMS Course Final Project (Due 28/2 23:59)
• ws2019-css-classwork-1–[ws2019-css] Classwork 1 - Simple Content Layout
• ws2019-css-classwork-2–Classwork 2 - Mega Menu
• ws2019-css-classwork-3–Classwork 2 - Flexbox Layout
• ws2019-css-final–CSS Course Final Project (Due 26/2 23:59)
• ws2019-html-css-facebook–[HTML+CSS] Cloning Front Page of facebook.com (Desktop Version)
• ws2019-jquery-final-project–[jQuery] Final Project - Supermarket Single Page Application
• ws2019-php-mysql-blog-final-project–Blog Final Project with PHP and MySQL
• ws2019-vue-all-in-one-bus-slider–[Vue] All-in-One Build a Bus Slider Screen
• ws2019-vue-build-datetimepicker-component–[Vue] DateTimePicker.vue
• ws2019-vue-control-custom-component–[Vue] ToggleInput.vue
• ws2019-vue-game-move–[Vue] Build Game Move
• ws2019-vue-todo-tasks–[Vue] Todos List Exercise
• ws2019_UIUX–Final_Exam
• wsj2019-exercise3-book-store–Book Store Layout
• wsj2019-exercise4-ajax-demo–Exercise #4 - Rewrite AJAX Demo