My Website Demos ๐จ๐ปโ๐ป
These websites demonstrate my skills in HTML, CSS, Bootstrap, JavaScript, EJS, Node.js, Express.js, AWS deployment, PostgreSQL, AR.js, and WebVR.
๐ My Blog Post Website
- Features: Users can add, edit, and delete their posts on the website, which is hosted on AWS. Built using EJS, Express.js, Node.js, CSS, and HTML.
- Website: http://my-environment-2.eba-3h97nnk8.us-west-1.elasticbeanstalk.com/
- GitHub Repository: https://github.com/MagicDogGuo/MyBlogPost
๐ฆ๏ธ Next 3 hours Weather
- Features: Created a website using the OpenWeather API that can display the weather for various regions over the next three hours. Built using EJS, Express.js, Node.js, CSS, and HTML.
- GitHub Repository: https://github.com/MagicDogGuo/Next3HRWeather
๐ Travel Tracker
- Features: Users can add countries they have visited on the website, and the world map on the webpage will mark those countries. The data of the visited countries will be stored in a local PostgreSQL database. Built using PostgreSQL, EJS, Express.js, Node.js, CSS, and HTML.
- GitHub Repository: https://github.com/MagicDogGuo/Travel-Tracker/tree/master
๐ถ Tindog
- Features: Created a fake startup company's Landing Page, which is hosted on AWS S3. Built using CSS, Bootstrap, and HTML.
- Website: http://tindog-website.s3-website-us-west-1.amazonaws.com/
- GitHub Repository: https://github.com/MagicDogGuo/TinDog?tab=readme-ov-file
๐ฆ MoveCompanyWebsite
- Features: Created a fake moving company's Landing Page. Built using CSS, Bootstrap, and HTML.
- Website: https://magicdogguo.github.io/MoveCompanyWeb/
- GitHub Repository: https://github.com/MagicDogGuo/MoveCompanyWeb
๐ฆ WebAR - Fox
- Features: Users can scan a specific marker on the webpage to display the fox 3D model in AR. Built using AR.js and HTML.
- Website: https://magicdogguo.github.io/AR.JS_Test_Marker-/AR.html
- GitHub Repository: https://github.com/MagicDogGuo/AR.JS_Test_Marker-
๐๏ธ WebVR - Taiwan New Cultural Movement Memorial Museum
- Features: This project, developed for a graduate course on cultural exploration, enables users to explore the Taiwan New Cultural Movement Memorial Museum in Dadaocheng in real-time via VR on a webpage. It includes interactive buttons that trigger bilingual (Chinese and English) audio guides when focused in VR. Built using A-Frame (three.js) and HTML.
- Website: https://magicdogguo.github.io/webVRTest/pwa_webvr/index.html
- GitHub Repository: https://github.com/MagicDogGuo/webVRTest
๐ Connecting Unity and Google Sheets with Google Apps Script
- Features: In a project developed by Nuwa Robotics(HK) Ltd, we aimed to directly load strings written by planners in Google Sheets into Unity. To achieve this, we used Google Apps Script (GAS) to write a simple API server in JavaScript. This API is then accessed in Unity, where we use C# to load the data from Google Sheets in JSON format.
- GitHub Repository: https://github.com/MagicDogGuo/GoogleGAS/tree/master