I build React, TypeScript, JavaScript, and Firebase-backed websites, web apps, MVPs, dashboards, and responsive interfaces focused on product clarity, practical UX, and clean engineering.
My work is centered around real frontend and app flows: responsive layouts, routing, state, authentication, dashboards, Firebase-backed data, local persistence, drag-and-drop UI, API-connected interfaces, and user-facing product polish.
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
- 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