🦎 Komodo Hub | Technical Contributions

This section of the repository highlights my individual development work during the Komodo Hub conservation project. My focus was on transforming legacy data into high-fidelity UI/UX modules and conducting deep-data research.

Front-End Engineering (High-Fidelity UI)

I personally overhauled the core species information architecture, moving away from plain-text into a Premium Glassmorphism aesthetic.

Species Information Modules

I engineered 5 distinct interactive pages using HTML5 and CSS3, each with a unique design language:

Komodo Dragon: Emerald/Volcanic theme with custom 🐲 iconography.
Javan Rhino: Slate/Forest grid layout with 🛡️ shield markers.
Sumatran Tiger: Sunset/Jungle "Polaroid" strip with 🐾 paw print bullets.
Tapanuli Orangutan: Ginger/Moss 5-image gallery with 🌿 leaf markers.
Sunda Pangolin: Earth/Copper panorama layout with ◈ scale markers.

Homepage & Branding Assets

Custom Banner Design: Designed and implemented the main "Preserve the Legacy" hero banner.
Foundation Section: Developed the homepage "Foundation" component to highlight mission-critical pillars.
Interactivity: Integrated CSS transitions (Auto-Crop/Zoom-on-Hover) and Smooth-Scroll Anchor Tags for optimized navigation.

Data Science & Research

I developed 5 Jupyter Notebooks containing comprehensive analysis for each species. These notebooks serve as the data backbone for the platform's educational content.

Analysis Scope: Population trends, habitat fragmentation, and illegal wildlife trade statistics.
Tech Stack: Python, Pandas, Matplotlib, and Seaborn for data visualization.

Technical Skills Demonstrated

Languages: HTML5, CSS3 (Grid, Flexbox, Transforms), JavaScript (ES6), Python.
Frameworks/Tools: Flask, Jupyter Notebooks, Git/GitHub.
Design: UI/UX Design, Asset Optimization, Branding.

Developed by

Naomi Adella Tan

tann8/Naomi-Adella-Tan-Software-Eng-Module

About

Resources

Uh oh!

Stars

Watchers

Forks

Releases

Languages