My Projects

Pokédex application showing a list of Pokémon with a Charmander details modal

Simple Pokédex

A modern web application that provides an intuitive interface to explore the world of Pokémon, featuring infinite scroll loading, real-time search capabilities, and detailed Pokémon information in a clean, responsive design.

Technologies Used

  • JavaScript (ES6+)
  • HTML5
  • CSS3
  • Bootstrap 5.3.0
  • PokeAPI

Key Features

  • Infinite scroll loading for Pokémon catalog
  • Real-time search functionality
  • Interactive Pokémon cards with detailed information
  • Responsive design for desktop and mobile
  • Type-based color coding for Pokémon cards
Movie API documentation showing authentication module

Movie API

A RESTful API built with Node.js and Express that provides access to a movie database, allowing users to register, authenticate, and manage their favorite movies through secure JWT-based authentication.

Technologies Used

  • Node.js
  • Express
  • MongoDB
  • Mongoose
  • JWT
  • Passport.js

Key Features

  • Movie Database: Retrieve movies, get details by title, filter by genre or director
  • User Management: Register users, update information, manage accounts
  • JWT Authentication: Secure authentication using tokens
  • Favorites Management: Add or remove movies from favorites
  • Error Handling: Meaningful error responses
  • Comprehensive Documentation: API docs using JSDoc
Film React application showing a movie browser interface

Film React Application

A client-side movie browser built with React that allows users to create accounts, explore a collection of films, and manage their favorites. This interactive application features a modern UI with user authentication, detailed movie information, and personalized user profiles.

Technologies Used

  • React 18
  • Redux Toolkit
  • React Bootstrap
  • SASS
  • Parcel
  • RESTful API

Key Features

  • User authentication with JWT tokens
  • Browse and search movie collection
  • Responsive design for all devices
  • Detailed movie information views
  • Add/remove favorites functionality
  • Profile management capabilities
  • Modern UI with gradients and animations
MeetApp showing city-based event filtering and data visualization

MeetApp

A serverless, progressive web application (PWA) that helps users discover and filter events in their city. The app provides intuitive data visualization of events across cities, allows users to filter by location, and works offline for seamless access anywhere.

Technologies Used

  • React
  • Vite
  • PWA
  • AWS Lambda
  • Google Calendar API
  • Jest & Cucumber
  • Recharts

Key Features

  • City-Based Event Filtering (TDD with Gherkin scenarios)
  • Interactive Data Visualization with Recharts
  • Offline Accessibility (PWA with service workers)
  • Responsive UI Design (mobile-first approach)
  • Serverless Architecture (AWS Lambda)
  • Accessibility Focus (WCAG compliance)
React Native chat application showing messaging interface with photo and location sharing

Chat App

A React Native mobile chat application that enables real-time messaging with rich features including photo sharing and location services, powered by Firebase for data persistence and authentication.

Technologies Used

  • React Native
  • Expo
  • Firebase
  • React Navigation
  • Expo Image Picker
  • Expo Location Services
  • AsyncStorage
  • Action Sheet

Key Features

  • Real-time messaging with instant message delivery
  • User authentication and personalized chat experiences
  • Camera integration for taking and sharing photos
  • Photo library access for sharing existing images
  • Location sharing with interactive map integration
  • Offline capability with message queuing
  • Custom action menu for enhanced message composition
  • Cloud-based data storage with Firebase
MyFlix Angular client showing movie browsing interface with Angular Material components

MyFlix Angular Client

A single-page, responsive movie application built with Angular that provides users with access to information about different movies, directors, and genres. Users can sign up, update their personal information, and create a list of favorite movies.

Technologies Used

  • Angular
  • TypeScript
  • Angular Material
  • RxJS
  • Express.js
  • HTML5/CSS3
  • Angular Router
  • Angular CLI

Key Features

  • User authentication (signup, login, logout)
  • Movie browsing with detailed information
  • Favorite movie management functionality
  • Responsive design using Angular Material
  • Component-based architecture
  • Custom REST API integration
  • Development guided by user stories