Projects
The goal of this project was to learn how to utilize the MEAN stack (MongoDB, Express, Angular, Node.js) to create a responsive single-page application. It was designed with Angular Material and SCSS. I used Compodoc to generate documentation of the JSDoc comments on my app.
It uses the existing server-side REST API that I created using the Node.js framework Express and MongoDB.
Features
- ► Can create an account and can delete their account whenever they want
- ► Registered users can update their personal information and add/remove movies from their favorites
- ► Registered users can see information about Syfy movies, directors, and genres.
Built with: TypeScript, Angular, Angular-Material, SCSS, Compodoc for documentation, GitHub Pages for hosting
Kanban Board Github Repo Live Preview Case Study
SyfyMovies is web app developed using the MERN stack. It provides registered users with information about Syfy movies, directors, and genres. Users can create an account, update their personal information, and add/remove movies from their favorites.
It uses the existing server-side REST API that I created using the Node.js framework Express and MongoDB.
Built with React, React-Redux, React Bootstrap, Netlify for hosting
Github Repo Live Preview Case Study
This is the server-side component of Syfy. It interacts with a non-relational database (MongoDB). The API is accessed by commonly used HTTP methods like GET or POST. CRUD methods are used to retrieve data and manipulate data from the database.
- ► API endpoints were tested on Postman
- ► REST API is hosted on Heroku
- ► Generated JSDoc documentation
Built with Node.js, Express, MongoDB
Github Repo Documentation More info
This app displays events in different cities that are fetched from the Google Calendar API.
The goal of this project was to learn the process of building a serverless, progressive web app (PWA) that is tested with test-driven development (TDD), uses OAuth (an authorization protocol that allows one to login without sharing login credentials), and implements data visualisation.
This project was started off with developing user stories for each of the features to be implemented on the app. I turned these into Given-When-Then statements that formed the basis of my TDD approach with Enzyme and Jest.
Meet is a PWA, which means it's responsive, works offline, has cross-platform compatibility, and can be installed on desktop and can also be added to the main screen of your smartphone.
Features
- ► Show/hide event details, filter by city name, choose number of events
- ► Chart 1: Popularity of topics in the city
- ► Chart 2: Number of upcoming events per city
Built with: React, CSS, serverless (AWS lambda), OAuth (Google Cloud Console), Recharts for data visualisation, Jest (Enyzme, Cucumber, Puppeteer) for testing, Atatus for performance monitoring
Github Repo Live Preview
Chat App is a native chat app for mobile devices developed using React Native and Expo, Gifted Chat library to create the chat interface, Google Firestore Database (to store chat conversations), and Google Firebase authentication to authenticate users anonymously. The app provides users with a chat interface and options to share images and their location. Chat App is optimized for both Android and iOS devices. This app was tested on both an android emulator and an iOS simulator.
Built with React Native, Expo, Google Firestore DB, Google Firebase authentication, Gifted Chat library
Github Repo
A simple web app that shows a list of Pokemon from an external API.
Features
- ► Loads data from an external Pokémon API via fetch
- ► Details are displayed in a modal by clicking on the Pokémon's name
- ► Seach bar to filter Pokémon by name
The goal of this project was to learn DOM manipulation with JavaScript, jQuery, Bootstrap styling, and code optimization with linters and minifiers.
Github Repo Live Preview
