• WEB DEV.

  • WEB DEV.

  • WEB DEV.

  • WEB DEV.

  • WEB DEV.

  • WEB DEV.

  • WEB DEV.

  • WEB DEV.

  • WEB DEV.

  • WEB DEV.

Pokemon Info

HTML • CSS • JavaScript • jQuery • Bootstrap

This app allows users to explore detailed information about individual Pokémon. By selecting a Pokémon from a list, users can retrieve data from an external API, which displays the Pokémon’s name, height, and an image in a modal. The intuitive design ensures easy navigation, providing a seamless experience for users to learn more about their favorite Pokémon with just a click.

Pokemon Info

HTML • CSS • JavaScript • jQuery • Bootstrap

This app allows users to explore detailed information about individual Pokémon. By selecting a Pokémon from a list, users can retrieve data from an external API, which displays the Pokémon’s name, height, and an image in a modal. The intuitive design ensures easy navigation, providing a seamless experience for users to learn more about their favorite Pokémon with just a click.

Movies API - Angular Client Side

HTML • SCSS • TypeScript • Angular • Angular Materials

This project is the Angular-based client-side for the MoviBase application, enabling users to explore detailed movie information from a comprehensive database. After creating an account and logging in, users can browse the full movie catalog, view details about specific titles, directors, and genres, and manage their personal preferences. The app also allows users to favorite or unfavorite movies and edit their profile information for a personalized experience.

Movies API

JavaScript • Node.js • Express • MongoDB

This project focuses on the server-side implementation of a movie database API. It includes endpoints to retrieve detailed information about movies (titles, descriptions, directors, genres, and visuals), as well as data on directors, genres, and users. Designed to be efficient and scalable, this API serves as the backbone for a dynamic movie application, allowing for seamless data retrieval and interaction.

Movies API

JavaScript • Node.js • Express • MongoDB

This project focuses on the server-side implementation of a movie database API. It includes endpoints to retrieve detailed information about movies (titles, descriptions, directors, genres, and visuals), as well as data on directors, genres, and users. Designed to be efficient and scalable, this API serves as the backbone for a dynamic movie application, allowing for seamless data retrieval and interaction.

Movies API - Angular Client Side

HTML • SCSS • TypeScript • Angular • Angular Materials

This project is the Angular-based client-side for the MoviBase application, enabling users to explore detailed movie information from a comprehensive database. After creating an account and logging in, users can browse the full movie catalog, view details about specific titles, directors, and genres, and manage their personal preferences. The app also allows users to favorite or unfavorite movies and edit their profile information for a personalized experience.

Movies API - React Client Side

JSX • SCSS • JavaScript • React • Bootstrap

This project is the React-based client-side for the MoviBase application, where users can explore detailed movie information from a rich database. After creating an account and logging in, users gain access to a full movie catalog, with the ability to review specific titles, directors, and genres. The app also allows users to update their profile information for a customized, seamless experience.

Movies API - React Client Side

JSX • SCSS • JavaScript • React • Bootstrap

This project is the React-based client-side for the MoviBase application, where users can explore detailed movie information from a rich database. After creating an account and logging in, users gain access to a full movie catalog, with the ability to review specific titles, directors, and genres. The app also allows users to update their profile information for a customized, seamless experience.

Meet App

JSX • SCSS • JavaScript • React • Serverless • AWS • OAuth • Jest • Recharts

Meet App is a serverless progressive web app that aggregates web development events from the global CareerFoundry calendar. It fetches real-time data using the Google Calendar API and integrates OAuth for secure user authentication. Built with React (via Create React App) for a responsive frontend, the app leverages serverless architecture and AWS for seamless scalability and performance.

Meet App

JSX • SCSS • JavaScript • React • Serverless • AWS • OAuth • Jest • Recharts

Meet App is a serverless progressive web app that aggregates web development events from the global CareerFoundry calendar. It fetches real-time data using the Google Calendar API and integrates OAuth for secure user authentication. Built with React (via Create React App) for a responsive frontend, the app leverages serverless architecture and AWS for seamless scalability and performance.

Chatopia

JSX • React Native • Expo • Firestore/Firebase • Gifted Chat

Chattopia is a custom mobile messaging app that allows users to personalize their experience by selecting a unique color for their start button, message bubbles, and action buttons. Users can send text messages, images (from the gallery or taken with the camera), and share their location. The app also stores messages offline, allowing users to view them even when they are not connected to the internet, ensuring a seamless communication experience.

Chatopia

JSX • React Native • Expo • Firestore/Firebase • Gifted Chat

Chattopia is a custom mobile messaging app that allows users to personalize their experience by selecting a unique color for their start button, message bubbles, and action buttons. Users can send text messages, images (from the gallery or taken with the camera), and share their location. The app also stores messages offline, allowing users to view them even when they are not connected to the internet, ensuring a seamless communication experience.