✨ Featured Projects

A curated collection of my development work across frontend engineering, backend APIs, full‑stack architecture, mobile development, automated testing, and modern UI/UX design. Each project highlights a different part of my journey — from building responsive interfaces to deploying secure, scalable applications.

myFlix Client (Frontend)

A responsive client-side web application built with React.js that interacts with the myFlix Movie API. Users can register, log in, update their profiles, browse movies, and manage their list of favorite films. Designed with reusable components, modular architecture, and responsive UI.
Deployed on Netlify.

🌐 Live App | 💻 GitHub Repo | 📄 Case Study (PDF)

Technologies Used: React.js, JavaScript, HTML, CSS, REST API, Netlify

Project Materials:

  • User Stories – defining movie browsing and profile features
  • Component Architecture – reusable UI and logic components
  • API Integration – consuming REST endpoints for movies & users
  • Responsive Layout – optimized for desktop and mobile

Python/Django Recipe Application

A full‑stack web application built with Python and Django. The project manages user data, generates backend analytics, and delivers dynamic content through Django templates and RESTful APIs. Includes secure authentication, modular architecture, and scalable design patterns. Deployed on Render.

🌐 Live App | 💻 GitHub Repo | 📄 Case Study (PDF)

Technologies Used: Python, Django, HTML, CSS, JavaScript, REST API, PostgreSQL, GitHub Actions (CI/CD), Render

Project Materials:

  • User Flows – outlining key screens and backend logic
  • Kanban Board – tracking development tasks and progress
  • User Stories – defining core features and user roles
  • Database Schema – modeling recipes, users, and authentication
  • API Endpoints – for recipe management and user interactions

myFlix Movie API (Backend)

A RESTful backend API built with Node.js, Express, and PostgreSQL. Provides movie, director, and genre data while supporting secure user authentication using JWT and hashed passwords. Includes full CRUD operations for user profiles and favorite movies.
Deployed on Render.

🌐 Live API | 💻 GitHub Repo

Technologies Used: Node.js, Express, PostgreSQL, REST API, JWT Authentication, bcrypt, Render

Project Materials:

  • API Documentation – endpoints for movies, users, and favorites
  • Database Schema – modeling movies, genres, directors, and users
  • Authentication Flow – JWT token handling and password hashing
  • Postman Collection – testing CRUD operations

Simple JavaScript App

A beginner‑friendly project built with vanilla JavaScript. Demonstrates DOM manipulation, event handling, and API consumption by dynamically fetching and displaying data. Designed as an introduction to asynchronous JavaScript and interactive UI behavior.
Deployed with GitHub Pages.

🌐 Live App | 💻 GitHub Repo

Technologies Used: JavaScript, HTML, CSS, Fetch API, GitHub Pages

Project Materials:

  • API Integration – fetching and rendering external data
  • DOM Manipulation – dynamic UI updates
  • Event Handling – interactive user actions
  • Responsive Layout – optimized for small screens

Meet App (PWA)

A progressive web application built with React and the Google Calendar API. Users can authenticate with Google, view upcoming events, and filter them by city or number of events. Includes offline functionality, serverless functions, and automated testing using Jest, Cucumber, and Puppeteer.
Deployed on Vercel.

🌐 Live App | 💻 GitHub Repo

Technologies Used: React, Google Calendar API, Serverless Functions, Jest, Cucumber, Puppeteer, Vercel

Project Materials:

  • Feature Scenarios – BDD testing with Cucumber
  • Testing Suite – Jest unit tests & Puppeteer end-to-end tests
  • API Authorization – Google OAuth integration
  • Data Visualization – charts for event statistics

jQuery To‑Do List App

A simple yet functional task management application built with jQuery. Users can add, complete, and remove tasks dynamically. Demonstrates DOM manipulation, event delegation, and interactive UI behavior. Deployed with GitHub Pages.

🌐 Live App | 💻 GitHub Repo

Technologies Used: jQuery, JavaScript, HTML, CSS, GitHub Pages

Project Materials:

  • Task Management Logic – add, complete, delete tasks
  • jQuery DOM Methods – simplified UI updates
  • Event Delegation – efficient event handling
  • Minimalist UI – clean and easy to use

Chat App (React Native)

A modern cross‑platform chat application built with React Native (Expo) and Firebase. Allows users to join anonymously, send and receive real‑time messages, share photos (camera or gallery), and share live location. Includes offline support, accessibility features, and a clean mobile‑first UI.
Deployed with GitHub Pages.

🌐 Watch Demo Video | 💻 GitHub Repo

Technologies Used: React Native, Expo, Firebase Firestore, Firebase Storage, JavaScript

Project Materials:

  • Real‑Time Messaging – Firebase Firestore sync
  • Media Sharing – camera, gallery, and cloud storage
  • Location Sharing – integrated map support
  • Offline Mode – cached messages and assets

myFlix Angular Client (Angular)

A modern Angular single‑page application (SPA) that serves as the client‑side interface for the myFlix Movie API. Users can register, log in, browse movies, view directors and genres, and manage their list of favorite movies. Built with reusable components, Angular services, and modular architecture.
Deployed with GitHub Pages.

🌐 Live App | 💻 GitHub Repo

Technologies Used: Angular, TypeScript, SCSS, REST API, RxJS, GitHub Pages

Project Materials:

Bookstore Django Application

A full‑stack web application built with Python and Django, designed to manage books, sales records, customers, and salespersons. Includes secure authentication, CRUD operations, and data visualization using Pandas and Matplotlib. Features a modular template system, responsive UI, and cloud‑based media storage.
Deployed on Railway with PostgreSQL and Cloudinary.

🌐 Live App | 💻 GitHub Repo

Technologies Used: Python, Django, HTML, CSS, JavaScript, PostgreSQL, Cloudinary, Pandas, Matplotlib, Railway (Deployment), Whitenoise, Django Templates

Planned Materials:

  • Entity‑Relationship Diagram (Books, Sales, Customers, Salespersons)
  • User Flows – login, book management, sales tracking
  • Kanban Board – development workflow and task tracking
  • API Endpoints – for books, sales, and customer interactions
  • Deployment Architecture – Django + PostgreSQL + Cloudinary + Railway