MY WORK

FOR-REEL CLIENT

A single-page, responsive app which supports an existing server-side REST API and a MongoAtlas-hosted database. Both this app and the connected API were built as part of an exercise for the CareerFoundry Full Stack Development course, aimed to familiarize the student with the MERN tech stack.

The interface allows movie enthusiasts to create an account and browse through a collection of movies, finding out more information about each picture, as well as saving any particular favourites to their profile.

• React Library
• Bootstrap UI Framework
• Moments JS
• Parcel
• gh-pages
• Netlify

DEMO CODE

MEET APP

A serverless PWA built with React, using a test-driven development technique. The main purpose of the app is to display information about events happening in cities all over the world. It's an exercise to practice TDD workflow as well as learn several data visualization techniques. Important to note, this app uses the Google Calendar API to fetch upcoming events.

• React Library
• Google Calendar API
• OAuth2 flow
• AWS Lambda functions
• gh-pages

DEMO CODE

FOR-REEL CLIENT ANGULAR

The project objective was to use Angular and build the client-side component called forReel based on a previously built REST API and database. It's a single-page, responsive movie app with routing and several interface views.

The interface allows movie enthusiasts to create an account and browse through a collection of movies, finding out more information about each picture, as well as saving any particular favourites to their profile.

• Angular
• Angular Material
• Angular Router
• rxjs
• tslib
• zone.js

DEMO CODE

FUSE.

A chat app for mobile devices made using React Native as the framework. The app will provide users with a chat interface and options to share images and their location

• React
• React Native
• Expo
• Google Firebase
• GiftedChat
• Android Studio

DEMO CODE

FOR-REEL API

Server-side environment matching ForReel, contains a RESTful API which interacts with a non-relational database containing movie and user information.

• Node.js environment
• Express framework
• MongoDB and Mongoose database
• Postman
• body-parser
• jsonwebtoken library
• Passport
• uuid library

CODE

PORTFOLIO WEBSITE

A responsive website made using entirely HTML, CSS, and a pinch of JavaScript. Initially completed as an exercise for careerFoundry's Intro to Front-end Development course.

• HTML5
• CSS
• PostCSS
• Autoprefixer
• gh-pages

DEMO CODE