Live at → https://slugbotics.github.io/somars-points-tracker/
A real-time points tracker for the SOMARS Aerospace & Drone Club at UC Santa Cruz. Built with vanilla HTML/CSS/JS + Firebase Firestore + Firebase Auth. Hosted on GitHub Pages.
Profile data (name, bio, profile picture) is stored in data.js and deployed
through Git. It is not editable through the website UI — this keeps the
profile data version-controlled and reviewed.
-
Fork the repository on GitHub (button in the top-right corner), or ask an officer to grant you direct write access.
-
Edit
data.js— find your entry inDEFAULT_MEMBERS:{ id: 3, name: "Your Name", points: 0, icon: "✈️", bio: "Your bio here." },
name— your display namebio— one or two sentences (shown on your profile page)icon— emoji or image path (see below)- Do not change
idorpoints
-
Open a Pull Request targeting
main. An officer will review and merge it. -
Once merged, GitHub Pages re-deploys automatically (~60 seconds).
Your icon appears in the leaderboard, Add Points grid, profile page,
and Add Points modal. Changing it once in data.js updates all four places.
icon: "🚀"Any emoji works. Just type it directly.
-
Prepare your photo:
- Square crop recommended (1:1 aspect ratio)
- Minimum 200 × 200 px, JPG or PNG
- File name:
firstname-lastname.jpg(no spaces)
-
Add it to the repo in the
images/member_picsfolder. -
Update your entry in
data.js:icon: "images/firstname-lastname.jpg" -
Include the image file in your Pull Request alongside the
data.jschange. thresholds, descriptions, icons, and special flags. Submit a PR as usual.