🚀 I’m a passionate frontend developer who loves crafting clean, responsive, and interactive web interfaces.
💡 Currently enhancing my skills through hands-on projects that combine creativity with functionality.
📫 Reach me: jidris64@gmail.com | LinkedIn | GitHub
⏱ Coding Activity (WakaTime) https://wakatime.com/@jidris64
- Core Skills: HTML, CSS, Responsive Design, Git & GitHub
- JavaScript: DOM Manipulation, Event Handling, Basic Interactivity
- Styling Tools: Sass (SCSS), Flexbox, CSS Grid
- Additional Tools (Beginner Level): WordPress, Django, PostgreSQL
- Currently Learning: Modern JavaScript (ES6+), React.js fundamentals
💊 Digital Health Record Application
Tech Stack: React, MUI, React Router A patient–doctor–admin platform that simulates a real digital health workflow with lifecycle-driven data, progress tracking, and multi-role dashboards.
Core Features
🧑⚕️ Patient & Doctor Authentication Separate login flows for patients, doctors, and admin.
📝 Patient Case Submission Patients submit their symptoms, upload documents, and track treatment progress.
🔍 Doctor Workspace Doctors view assigned patients, review cases, update progress, and upload medical reports.
📊 Dashboard with Healthcare KPIs KPI cards for Patients, Appointments, and Lab Results — with skeleton loaders for micro-interactions.
🗂️ Case Lifecycle Management open → in_review → closed, with automatic activity logs across the system.
📤 Document Uploads Both patients and doctors can upload PDFs and view attachments.
🕒 Recent Activity Feed Automatically logs everything: new cases, progress updates, lab results, status changes.
🧭 Breadcrumb Navigation + Micro-interactions For smoother navigation and real usability (loading states, transitions, instant feedback).
🔒 Admin Panel Admin can access all patients, doctors, cases, and system activity.
What Makes This Project Stand Out
Built with real system thinking — not a basic CRUD.
Data flows through the entire app just like in medical software.
Uses design patterns: components, routing, protected routes, reusable UI system.
Strong focus on UX and micro-interactions (skeleton loaders, status updates, instant UI feedback).
💻 GitHub Repo: https://github.com/jidris-spec/Digital-Health-Record.git 🌐 Live Demo: https://strong-arithmetic-7ad9fb.netlify.app/
Tech Stack: HTML, CSS (Flexbox & Grid)
A sleek, responsive landing page for a fictional fitness service focusing on layout structure, accessibility, and smooth design.
Highlights:
- Built with Flexbox & Grid
- Mobile-first & fully responsive
- Accessibility best practices
🔗 Live Demo: https://vercel.com/idris-projects-508cd8f1?repo=https://github.com/jidris-spec/Job-Tracker- 💻 GitHub Repo: https://github.com/jidris-spec/Landing-page
A meaningful app that helps users track moods, gratitude, and motivation — built to reinforce frontend design, localStorage, and API integration while learning FastAPI and JavaScript.
Features:
- 📊 Mood slider with emoji feedback
- 🙏 Gratitude journal (saved with localStorage)
- ✨ Daily motivational quotes (via Quotable API)
- 🌙 Light/Dark theme toggle (persisted with cookies)
- 📈 Dashboard showing mood averages and streaks
🔗 Live Demo: https://timely-lebkuchen-2eab9b.netlify.app/ 💻 GitHub Repo: https://github.com/jidris-spec/Mental-Fitness-Tracker
Tech Stack: HTML, CSS, JavaScript
A modern news dashboard that fetches real-time articles using the News API. Includes category filters, dark/light mode, and article bookmarking.
Highlights:
- Integrated News API for dynamic content
- Dark/Light mode toggle
- Bookmark system with localStorage persistence
- Responsive, mobile-friendly interface
🔗 Live Demo: https://news-publish.netlify.app/ 💻 GitHub Repo: https://github.com/jidris-spec/News-Reader
Tech Stack: React, Vite, Material UI, Recharts
A full-featured dashboard for managing job applications — from applied to hired — with analytics and CRUD operations.
Highlights:
- 📋 Add, edit, and delete applications
- 📊 KPI dashboard with charts (Recharts)
- 🌙 Theme toggle (light/dark persisted)
- 📂 CSV export for records
- ⚙️ Data stored via JSON Server or localStorage
🔗 Live Demo: https://job-tracker-gilt-nine.vercel.app/ 💻 GitHub Repo: https://github.com/jidris-spec/Job-Tracker
Thanks for checking out my projects!
I’m always open to collaboration, feedback, or internship opportunities that will help me grow as a frontend developer.