1. Used their 2 older websites to create a Mock Up via Stitch by Google.
2. Used the CSS to build the Payment Information Dashboard Screen.
3. Creating Guides to Remember how to implement securely.

My website intended for the 2026 Summer Internship with the YSWS Department. Requesting feedback on the website so I can polish my Web Developer skills. Pure CSS, JS, HTML5 tech stack website hosted via Vercel. I created this with AI Art Assets but the Code is entirely my own. I really enjoyed tweaking around with assets to create the Dark Mode, Glow, Collapse & Expand Effect, and the animated Sword Divider.

Replaced all of the assets.

v0.1.0 | Initial Commit - Safari, Chrome, Firefox

This first commit marks me actually reviving the project I had stored in a folder locally on my current computer. I am now refurbishing the project and intending to tweak the assets as well as ensure the functionality is correct. Prior to Hackatime I occasionally used WakaTime and was intending to build this since it would’ve been nice to have.

Commits:

• Initial commit
• Initial project setup with core functionality for LAN-based screen sharing, including UI, networking, and session management. Added necessary files: README, LICENSE, Info.plist, Package.swift, and source files for app logic. (1h 29m 43s - Tracked via Wakatime) | I utilized references for fast progression. I saw something and thought I could make it better and cheaper.
• Debugging GitHub Actions
• Debug NetworkManager.swift
• Debug NetworkManager.swift & ContentView.swift
• Change macOS runners to ‘macos-latest’
• Update README.md
• Pushed Tags
• Add icon.icns & update Info.plist
• Update build-release.yml

Upcoming:

• N/A; Scraps @ HC wasn’t able to review it and I wasn’t able to secure a collaborator to prove it works.

Commits:

• Commit 1: Create Repository Structure, Write create_cluster.sh, & Update README.md.
• Commit 2: Write app-deployment.yaml.
• Commit 3: Write monitoring-quickstart.yaml.
• Commit 4: Update README.md.
• Commit 5: Testing Stage.
• Commit 6: Define Locations for Edge-Native Architecture in create_cluster.sh.
• Commit 7: Write argocd-core.yaml.
• Commit 8: Write monitoring-stack.yaml.
• Commit 9: Update app-deployment.yaml in order to add Persistent Storage, Location-Aware Scheduling, & Resource Limits.
• Commit 10: Update README.md
• Commit 11: Improve & Finalize for MVP Publishing.

Upcoming:

• Recalibration of Cloud; Addressing “hey when I run the create_cluster.sh it gives me an error about how it couldnt create the cluster, more details here -> https://cdn.hackclub.com/019c71af-d42b-78b5-81f5-4459c70a7c4e/image.png” from Scraps @ HC
• Vercel Hosting; Addressing “Hey, we cant acces your localhost. Please host this project somewhere like vercel or GH sites depending if it is static or not.” from Scraps @ HC

Commits:

• Commit 1: Create Repository Structure & Update README.md.
• Commit 2: Write index.html & styles.css.
• Commit 3: Write app.js.
• Commit 4: Update README.md.
• Commit 5: Write main.py.
• Commit 6: Write requirements.txt.
• Commit 7: Update README.md.
• Commit 8: Test & Debug.
• Commit 8.1: Change MTTQ API v1 –> v2.
• Commit 8.2: Resolved Issue in update_physics (self) definition error with python(3) main.py command in Terminal.
• Commit 8.3: Fixing Issues with Launching Program.
• Commit 9: Publish MVP.

Upcoming:

• Addressing “hey I try and toggle the heater and the fan aand the ui doesn’t update but the graph does? could you try and fix that issue to make it functional please?” from Scraps @ HC Review Team.

Signed by Ananta the Developer

Tested it again and again and couldn’t find any issues. For reference my mac has no security detectors restricting download of .dmg file apps when the quarantined status is removed.

Notice

1. Remember to use this command upon installation of the .dmg file:

xattr com.apple.quarantine /path/to/file

Commits 6-12: I’ve fixed every problem I’ve encountered and am satisfied with the computer application. Preparing to ship it.

Sincerely,
Ananta the Developer

No.5 | Request Feedback → Improve Project

I requested feedback on my project from The Epic Student
Improved my project based off it.

No.6 | Debug Code

Added the .dmg file into newest release as it wasn’t working in the GitHub.

Sincerely,
Ananta the Developer

No.4 | Code package.json & build.yml → Test

Coded package.json & build.yml. Now I have to test to output of the GitHub Action to see if the .dmg file operates properly.

Sincerely,
Ananta the Developer

No.3 | Code preload.js

I created the preload.js file’s code. It is 31 lines in total however if my planning is correct this should be enough for the entire Electron-based wrapper for Google Messages to work properly. I just have to ensure that I create package.json correctly; then I also have to worry about creating the GitHub Action correctly to ensure that the .dmg file for Installation is correct.

Sincerely,
Ananta the Developer

No.2 | Code index.js

I just finished coding the entirety of the index.js script based on what I’ve learned through school and extracurriculars. No idea if it works but it should hopefully. :D

Sincerely,
Ananta the Developer

Final DevLog - The Project Is Complete. Preparing To Ship Soon…

Sincerely, Ananta the Developer.

Second & Third Commits

Everything Functions As Intended Except For The GENERATE PNG (For Exporting The Banner)

Attached Pictures Show:

• Image 1 (Blue Color Scheme): Shows WebApp Allowing For Editing Primary & Secondary Colors.
• Image 2 (Select All Squares That Contain “Life”): Shows Fixed Captcha ~Ahh Puzzle (Requires Either Deleting Element Via Inspect Element, Remove JS Functionality, or Keyboard Navigation.)
• Image 3 (Orange Banner): Newest Version Contains 3 Binary Color Pickers.

Upcoming Changes:

• Implementation of GENERATE PNG (For Exporting The Banner)

Sincerely,
Ananta the Developer

First Commit

Color: Only Accent Color Works (But Not As Intended)
Text: Sub Text doesn’t change.

Upcoming Changes:

• Implementation of Changing Primary, Secondary, and Accent Colors.
• Implementation of Editing SecondaryText (Sub Text).
• Implementation of Background Soundtrack by Fireentity to be hear-able.

Sincerely,
Ananta the Developer

In 35 minutes I created this simple timer that you can customize the color scheme. It works splendidly in my opinion. The attached image is a preview of how it works. It is a simple no non-sense timer that is simply a timer.

No.1 | Create Outline & Files

I just created the files necessary for the MVP (Minimum Viable Product). And stated my intentions in the README.md for the entirety of the project. I hope that nothing goes wrong along the way.

Initiation sequence of my journey as a Hack Club Member as officially concluded. :D