I’m a frontend-first web developer focused on building and improving practical websites, web applications, product interfaces, dashboards, and user-facing flows.
My strongest project experience is in React, TypeScript, JavaScript, and Firebase, but I work from the actual web problem rather than treating one exact stack as the boundary. My work can include new frontend features, existing HTML, CSS, JavaScript, or React codebases, template-based and mixed web projects, documented API integrations, managed services, responsive fixes, debugging, maintenance, deployment, and technical handoff.
I use AI and documentation to investigate unfamiliar code and nearby technologies, compare implementation options, and move faster through a first solution. I then validate the result through the codebase, browser tools, normal and edge-case testing, build checks, and clear documentation.
A production-style React/Firebase engineering case study built around a community/blog app surface.
The project includes posts, comments, reactions, saved posts, profiles, dashboard flows, moderation/reporting, Firebase Auth, Firestore, Cloud Functions, and resilient UX patterns.
What it demonstrates:
- React + Firebase full-stack architecture
- Firebase Auth and protected routes
- Firestore data modeling
- Cloud Functions v2
- Cloud Functions-maintained aggregates
- Firestore security rules
- saved-post resilience
- moderation/reporting MVP
- practical UX systems and edge-case handling
Live: https://liferecompiled.com Repo: https://github.com/aleksandar-todorovic-dev/liferecompiled
A mobile-first, local-first structured training system that combines Bulk and Cut plans, guided workout execution, contextual training support, logging, previous values, and cycle continuity in one clear flow.
The product is built around two connected principles: clarity during each workout and continuity across the training cycle. Users can see what to do, how to perform it, what they logged previously, and what comes next, while the cycle-based structure keeps the workout order stable when real-life schedules change.
Contextual guidance includes RIR, tempo, rest targets, exercise cues, progression rules, warm-up support, and explanations of special training methods, with deeper educational content available when needed.
What it demonstrates:
- product-focused React app architecture
- mobile-first, app-like UI
- route-based guided workout flow
- Context + reducer state management
- dedicated localStorage persistence and state hydration
- separation of static training content from persisted user progress
- contextual guidance and progressive disclosure
- previous-value continuity across workouts and cycles
- partial-day, finish-day, and end-cycle state handling
- real-life edge-case design and MVP scope control
Live: https://training-app-mvp.web.app Repo: https://github.com/aleksandar-todorovic-dev/training-app
A polished React + TypeScript Kanban board with drag-and-drop, localStorage persistence, responsive UI, and Vercel deployment.
TaskFlow started as a course-based Trello-style clone and was then cleaned up, modernized, deployed, and shaped into a portfolio-ready mini product.
What it demonstrates:
- practical React + TypeScript fundamentals
- typed component props and data models
- React Context state management
- custom hooks
- generic localStorage persistence
- drag-and-drop interactions
- immutable nested state updates
- styled-components
- responsive product-style UI
- technical cleanup and README presentation
Live: https://taskflow-kanban-kappa.vercel.app Repo: https://github.com/aleksandar-todorovic-dev/taskflow-kanban
- React
- JavaScript
- TypeScript
- Vite
- React Router
- Tailwind CSS
- Firebase Auth
- Firestore
- Cloud Functions
- Cloudinary
- styled-components
- GitHub Actions
- Vercel
- Redux Toolkit
- Framer Motion
- Recharts
- React Toastify
- @hello-pangea/dnd
- LocalStorage-based persistence
- REST/API data fetching
- vanilla JavaScript, HTML, and CSS
- complete responsive websites and landing pages
- React frontends and frontend MVPs
- responsive web apps and user-facing interfaces
- improvements and features in existing React, JavaScript, HTML, and CSS codebases
- website maintenance, debugging, responsive fixes, and contained mixed-codebase changes
- documented API integrations, ordinary deployment, and technical handoff
- dashboards and admin panels
- Firebase-backed web apps
- authentication flows
- CRUD and data-driven interfaces
- API-connected frontend flows
- localStorage-based interfaces
- responsive UI fixes and product polish
- Figma-to-React implementation
- technical README and project documentation polish
Alongside my flagship projects and TaskFlow, I keep supporting JavaScript and React projects that show breadth across common frontend patterns:
- ecommerce/cart UI practice
- CRUD and LocalStorage apps
- weather/API apps
- quote/favorites apps
- movie search/detail flows
- schedule and task management apps
- Redux Toolkit practice
These projects are smaller, but they show progression from JavaScript fundamentals toward larger React, TypeScript, and Firebase applications.
- building practical React, TypeScript, and Firebase applications with clear UX and maintainable structure
- strengthening TypeScript through real project work and continuing to build backend/Node.js fundamentals
- improving full-stack thinking through auth, data modeling, backend logic, deployment workflows, and documented project tradeoffs