Video Streaming Platform

A web application that entertains users by providing them with on-demand video content. Users can easily navigate through the different pages using the responsive navigation bar to find their desired movies or series. The different movies and series are stored on Amazon S3 and are retrieved by the custom backend server. The app’s custom sliders allow the user to easily navigate through each row of content.

The front- and back-end of the application were developed using (a) CSS, React styled-components, and React JS, and (b) Express JS, respectively. The two ends connect using API requests and are both hosted on the Heroku cloud platform, and the media files are stored on AWS. Click the “Demo” button below to view the app.

• Demo
• Client <|>
• Server <|>

Batman Panic App

A highly secured web application developed for Fusebox that allows only allows Commissioner Gordon (email: gordon@gothampd.com | password: 12345) to log in, send panic to Batman, cancel panic, and get the panic history. React is used to post and get the data from the MySQL database through the Laravel backend using access tokens and secured API endpoints. A seeder is used on the backend to allow the Commissioner to access the protected panic page.

The front- and back-end of the application were developed using (a) Bootstrap, CSS, and React JS, and (b) the PHP framework, Laravel, respectively. The two ends connect using API requests and are both hosted on the Heroku cloud platform. Click the “Demo” button below to view the app.

• Demo
• Client <|>
• Server <|>

Employee Application

A web application developed for Tangent Solutions that allows the user to create, read, update, and delete employees. Angular is used to post and get the data from the MySQL database through the Laravel backend using API endpoints. The user receives form validations when trying to create or edit an employee and each employee is given a unique ID with 2 random uppercased letters followed by 4 random numbers.

The front- and back-end of the application were developed using (a) Bootstrap, CSS, and Angular, and (b) the PHP framework, Laravel, respectively. The two ends connect using API requests and are both hosted on the Heroku cloud platform. Click the “Demo” button below to view the app.

• Demo
• Client <|>
• Server <|>

Sign-Up System

A web application that only allows authenticated users to access its home page through valid credentials (i.e. those used when signing up). The user’s credentials are stored in and retrieved from a PostgreSQL database through a custom backend server when signing up and signing in, respectively. Once signing in credentials are validated, the user is directed to the home page and greeted with a welcome message.

The front- and back-end of the application were developed using (a) Bootstrap, CSS, and Angular, and (b) the Java framework, Spring Boot, respectively. The two ends connect using API requests and are both hosted on the Heroku cloud platform. Click the “Demo” button below to view the app.

• Demo
• Client <|>
• Server <|>

Trainer's Website

A web application that provides the users with information about their personal trainer’s training programs, testimonials, and contact info. Users can leave the trainer a message with their details on the app’s contact form. The contact form is connected to a MongoDB database which stores the provided details. The responsiveness of the app and its navigation bar provides the user with an amazing experience.

The front- and back-end of the application were developed using (a) CSS, React styled-components, and React JS, and (b) the Node JS framework, Express JS, respectively. The two ends connect using API requests and are both hosted on the Heroku cloud platform. Click the “Demo” button below to view the app.

• Demo
• Client <|>
• Server <|>

Login System

A web application that allows authenticated users to access its home page through valid credentials (i.e. the registered details). The user’s credentials are stored in and retrieved from a MySQL database through the custom backend server when registering and logging in, respectively. Once the login credentials are validated, the user is directed to the home page and greeted with a welcome message.

The front- and back-end of the application were developed using (a) Bootstrap, CSS, and Angular, and (b) the PHP framework, Laravel, respectively. The two ends connect using API requests and are both hosted on the Heroku cloud platform. Click the “Demo” button below to view the app.

• Demo
• Client <|>
• Server <|>

Ordering System

A web application that allows users to place orders for their favourite drinks. The ordered drinks are stored in a MySQL database and presented back to the user using AJAX. This is facilitated with the custom backend server. Since the drinks are stored in the database, the placed orders are always made available to the user. The app allows the user to cancel an order as needed and place a new one.

The front- and back-end of the application were developed using (a) CSS, jQuery, and AJAX, and (b) PHP, respectively. The two ends connect using API requests and are both hosted on the Heroku cloud platform. Click the “Demo” button below to view the app.

• Demo
• Client <|>
• Server <|>

PDF Generator

A web application developed for Agents On The Move captures the user’s interview details in a simple form then provides the user with a pdf confirmation letter with those details. The confirmation letter can either be viewed on the browser or be sent to the user’s email address as an attachment. The details on the form are transferred to a pdf document using Dompdf. PHPMailer and the Sendgrid SMTP server are used to send the pdf to the user’s email address when requested.

The application was developed using Bootstrap, CSS, HTML, and PHP. It is hosted on the Heroku cloud platform. Click the “Demo” button below to view the app.

• Demo
• <|>

Stock Management System

A web application developed for Mezzanine allows the user to retrieve and update stock levels of different medications at different clinics. jQuery and AJAX are used to retrieve the stock levels from the MySQL database through the PHP backend without reloading the page. The stock levels can be updated by adding or removing stock using the UI which provides warnings for clinics with less than 5 items for each medication.

The front- and back-end of the application were developed using (a) HTML, CSS, jQuery, and AJAX, and (b) PHP, respectively. The two ends connect using API requests and are both hosted on the Heroku cloud platform. Click the “Demo” button below to view the app.

• Demo
• Client <|>
• Server <|>

Food Recipe App

A web application that allows users to search and receive food recipes of their own choice. The application provides the user with a descriptive title, image, and ingredients for each recipe listed. The application uses a food API to retrieve recipes requested by the user from a third-party system.

The application was developed using CSS and the JavaScript library, React JS. It is hosted using the Heroku cloud platform and can be viewed using the “Demo” button below.

Warning: Since the used API has a usage limit, it may or may not fetch information due its use by the recipients of this portfolio.

• Demo
• <|>

BMF Admin UI

A frontend web application developed for Brooklyn Music Factory (BMF) to allow the admin to view reports of resources shared by teachers over time in the form of graphs and charts. Chart JS is used to visually present the gather data in the form of graphs and charts, and Materialize CSS is used to aid in the styling of the UI with less CSS involved. In addition, Material Icons are added for the styling of the UI.

The application was developed using HTML, CSS, jQuery, Materialize CSS, Material Icons, and Chart JS. It is hosted on the Heroku cloud platform. Click the “Demo” button below to view the app.

• Demo
• <|>

Login/Registration Form

A web application that only allows registered users to access the first and second page through providing valid credentials (i.e. their registered details). The user’s credentials are stored in a MySQL database when registering and validated when the user logs in. The application is secured as it does not allow access to its pages (first and second page) through URL manipulation without valid credentials and when logged out.

The application was developed using Java EE which featured Java servlets, JSP files, and CSS. It is hosted, along with its database, on Amazon Web Services (AWS) and can be viewed using the “Demo” button below.

• Demo Unavailable
• <|>