Ayannah Reuben

full-stack developer

php logo js logo react logo node logo

PORTFOLIO

screenshot of to-do list API

RANDOM QUOTE GENERATOR

A Lord of the Rings random quote generator using an open-source API. This app uses React and fetches data for each of the three films. When clicking the image of a character, a random character quote from the chosen film will display on screen.

screenshot of to-do list API

RESTFUL TO-DO LIST API

Using a populated MongoDB database, I have created a to-do list Node API that uses Express. The API can handle GET, POST, PUT and DELETE requests from the user and returns status codes whilst relying on validation.

screenshot of academy portal

ACADEMY PORTAL

Working on a full-stack legacy app, we were tasked with editing the Academy Portal and fixing ongoing bugs. We added functionality which allowed Admin users to keep track of how many places are available on each course. This project was built using PHP Slim and JavaScript.

screenshot of project management API front end

PROJECT MANAGEMENT API

With a pre-existing front-end, we created a back-end API that supports GET requests using PHP Object-Oriented Programming and SQL. The requests cover retrieving all project data and also handles specific project by id. Changing the id will retrieve the related project API.

screenshot of food delivery app
FOOD DELIVERY APP

A React Food delivery app that fetches data from a pre-existing API. The app allows you to choose from a selection of Restaurants, and add items to your basket.

screenshot of map county game
MAP COUNTY GAME

A JavaScript web application that lets users guess the English counties. If it exists, it will be added to list. When the timer runs out, you will have the opportunity to add your name to a leaderboard.

screenshot of PHP collection app
COLLECTION APP

An app that shows a collection of games and lets users add their favourite game to an SQL database using PHP. This app uses form validation and sanitisation and prevents unsafe or malicious SQL injection.