A refined, dark editorial portfolio showcasing the engineering and data science journey of Ujjwal Tiwari — Electronics & Computer Science Engineer and aspiring Data Scientist.
🔗 Live: utpps.vercel.app
"I help data tell its story, one model at a time."
- Warm Dark Editorial Aesthetic: Built with a deep charcoal background (
#0f0e0c), warm card surfaces (#151412), soft ivory headings (#f4ede4), muted taupe body text (#a39c92), delicate amber eyebrows (#cfa169), and refreshing mint/sage green accents (#9bd79e). - Editorial Typography: Pairing Newsreader (high-contrast editorial serif with graceful italics), Plus Jakarta Sans (clean, modern interface font), Caveat (handwritten script for real-world notes), and JetBrains Mono (monospace indices, dates, and metrics).
- Hero & Identity Card: Features the headline with a sage-green squiggle underline, social links, an interactive ID card with the UT monogram, portrait photo, a live pulsing status indicator (
● open to work / intern), and a tilted Post-it note (currently: fine-tuning model & drinking chai ☕). - Infinite Marquee Ticker: Continuous horizontal marquee strip highlighting core specializations (
data storytelling ✦ machine learning ✦ embedded systems ✦ NLP ✦ predictive modeling ✦ data visualization ✦). - Editorial About & Skills: Narrative origin story ("Curious by nature, careful by habit") bridging IoT hardware and predictive machine learning, paired with a structured skills matrix and academic background at SLRTCE.
- Curated Projects Showcase: Highlights the top 6 flagship projects with an interactive toggle to seamlessly expand all 12 projects on demand.
- Professional Journey: Minimalist timeline detailing data analysis, embedded systems, and core Python internships.
- Accolades & Leadership: Numbered highlights celebrating leadership milestones (Media Co-Head of R&D Cell, Edith AI Agent Buildathon lead, Hackathon achievements).
- Verified Certifications: 16 clickable certifications from IBM SkillsBuild, Infosys Springboard, Edunet Foundation, Coursera, and Simplilearn linking directly to verified PDF/image credentials.
- GitHub Coding Activity: Live GitHub streak card, interactive 3D Skills Globe rendered on HTML5 Canvas, language distribution donut chart, and proficiency bars.
- Instant Messaging: Integrated EmailJS contact form for direct visitor inquiries alongside direct phone, LinkedIn, and resume download links.
- Responsive & Performant: Lightweight static build, zero runtime bundle overhead, smooth scroll-reveal animations.
- Business Intelligence & Insights Analytics System — Predictive business intelligence platform synthesizing transactional data, customer analytics, and dynamic visual dashboards for data-driven strategic decisions.
- Krishi_Kaar — AI-driven smart agricultural advisory platform combining machine learning with environmental sensor feeds to recommend optimal crops, monitor soil health, and forecast market trends.
- Emotional Wellbeing Recommender — Empathetic AI recommendation model evaluating mood indicators and mental wellness patterns to deliver customized emotional support pathways and restorative activities.
- MediCore — Healthcare Management — Full-featured healthcare management ecosystem and clinic analytics dashboard featuring symptom evaluation, patient scheduling, and real-time medical record insights.
- Schedule Manager — Production-ready task optimization application offering user authentication, dynamic deadline tracking telemetry, and personalized efficiency analytics.
- Vegetable Vendor App — Modern retail commerce and ordering application built for localized vendors, offering rapid inventory tracking, automated billing, and reliable JSON persistence.
(Plus 6 additional specialized projects in IoT, embedded systems, NLP detection, and autonomous AI agents accessible via the in-page toggle: Smart Home Security System, Acid Rain Data Analysis, Edith AI Agent, Fake News Detector, CRM Voice Agent, and Temperature & Humidity Analysis.)
| # | Section | Anchor | Description |
|---|---|---|---|
| 1 | Hero | #home |
Tagline, intro, ID card, stats, and marquee ticker |
| 2 | About | #about |
Narrative journey, skills matrix, and education |
| 3 | Journey | #experience |
Professional internship timeline |
| 4 | Work | #projects |
Featured and complete projects showcase |
| 5 | Accolades | #accolades |
Leadership milestones and competition awards |
| 6 | Learning | #certifications |
16 verified digital certifications |
| 7 | Code | #coding-activity |
GitHub profile, 3D skills globe, stats, and languages |
| 8 | Hello | #contact |
Direct EmailJS form, phone, socials, and resume |
- Frontend: HTML5, CSS3 (Custom Dark Editorial Design System), Vanilla JavaScript
- Framework & Icons: Bootstrap 5.3.2, Font Awesome 6.4.0
- Typography: Google Fonts — Newsreader, Plus Jakarta Sans, Caveat, JetBrains Mono
- Messaging: EmailJS Browser SDK v3
- Visual Telemetry: HTML5 Canvas (3D Skills Globe), GitHub Readme Streak Stats
- Clone the repository:
git clone https://github.com/Knight6azer/UTPPS.git
- Open
index.htmlin any modern web browser — no compile or build steps required.
MIT License — free and open source.