Work

Portfolio Website

Project Portfolio

This project is a responsive website using HTML and CSS that showcase my professional portfolio, which will include the projects I built throughout my Full-Stack Web Development Program.

Tech used: HTML, CSS

See live site
See project on GitHub

Pokedex JS App

Project Pokedex

This project is a JavaScript web application app built with HTML, CSS, and JavaScript, which uses an external API. This web application is a comprehensive Pokémon repository that loads data from the PokéAPI and displays a list of Pokémon cards with search functionality. When a Pokémon card is clicked, it shows detailed information about the Pokémon in a modal.

Tech used: HTML, CSS, JavaScript

See live site
See project on GitHub

MovieApp Backend

Project MovieApp Backend

This project is the server-side of myFlix web application, including the server, business logic, and business layers of the application. It will consist of a well-designed REST API and architected database built using JavaScript, and MERN (MongoDB, Express, React, Node.js). The REST API accessed via HTTP methods like GET and POST. Similar methods (CRUD)used to retrieve data from database and store that data in a non-relational way.

Tech used: JavaScript, REST API, MERN (MongoDB, Express, React, and Node.js)

See live site
See project on GitHub

MovieApp Frontend

Project MovieApp Frontend

This project is the client-side of myFlix web application. This project used React based on its existing server-side code (REST API and database). This web application provide users with access to information about different movies, directors, and genres. Users will be able to sign up, update their personal information, and create a list of their favorite movies.

Tech used: JavaScript, REST API, MERN (MongoDB, Express, React, and Node.js)

See live site
See project on GitHub

Meet App

Project Meet App

This project is a serverless, progressive web application (PWA) with React using a test-driven development (TDD) technique. The application uses the Google Calendar API to fetch upcoming events.

Tech used: React, Google Calendar API, OAuth2 authentication flow

See live site
See project on GitHub

MovieApp Angular

Project MovieApp Angular

This project is a single-page, responsive movie app built with Angular, with routing and several interface views. The client-side developed in this Achievement will support the existing server-side from Achievement 2 by facilitating user requests and rendering the response from the server-side via a number of different interface views. The app will be accompanied by relevant documentation and handoff deliverables, including a kanban board containing user stories and story points.

Tech used: Angular, Node.js, TypeScript

See live site
See project on GitHub

Chat App (Native)

Project Chat App (Native)

This project is a chat app for mobile devices using React Native. The app will provide users with a chat interface and options to share images and their location.

Tech used: React Native, Expo, Google Firestore Database, Firebase Cloud Storage, Gifted Chat library

See project on GitHub