Hi, my name is Clyde Matthew
Aspiring Developer.

Know more

About me

Profile Image

There are no shortages of developers. However, there is a shortage of good, talented, egoless, developers with the ambition to learn. The best developers aren’t the ones that know the language inside and out at the expense of having blinders. It is not the ones who are unable to admit they are wrong. I may not be the most experienced developer, but the one thing that you can guarantee is that there is nobody that will work as hard to develop my skills every day, and isn’t so narrow-minded in problem-solving that I'm not willing to try new novel ideas. When you hire me you will rest assured that you won’t have to micromanage me, you don’t have to extinguish fires, and in one year, I will be one of your most valuable employees. I am at a point in my career where I want to be surrounded by a team whom I can grow with. You have probably had a similar experience in your career when one company allowed you to really have an impact. I am at that stage now, and I look forward to being part of your team. Thank you.

View Resume

Projects

Guess my Number

This is the fist application i every designed.
It is a simple game that allows the user to guess a number between 1 and 20 in hope of finding the "Secret Number".
There is a base score of 20.
The score will be deducted for each incorrectly chosen guess.
Once score has reached 0 the game will be over.
The user can choose to play again and the highscore will be retained until the page is reset.

See Live Source Code

Pig Game

Player 1 rolls the dice, if he hits a "one" its players 2's turn.
If not, he adds the dice roll to the current score.
If player 1 hold's the current score is saved and its player 2's turn.
First player to reach 100 wins.

See Live Source Code

Bankist App

User can log in with:
js 1111, jd 2222, stw 3333, ss 4444.
If credentials are correct, a welcome message will be displayed and user will be logged in.
Once logged in, the users current balance will be displayed along with any previous transactions, a login timer will be started and the user will be automatically logged out in 5 minutes.
The users then has the option to:
Transfer money to another users,
Request a Lone - if the users has any deposit that is greater than 10% of the requested loan, it will be approved and added to the current balance.
Close the account.

See Live Source Code

Banking App Demo Web Page

Web Page for the Bankist App.
A Simple front end design to the Bankist App.
Taught Jonas Schmedtmann.
Includes:
Modal Window,
Sticky Nav bar,
Page Navigation,
Smooth Scrolling,
Menu fade animations,
Slider

See Live Source Code

Mapty - Map your workouts

Taught by Jonas Schmedtmann.
Application uses geolocation to load the map with the users current location.
The application uses www.openstreetmap.org/copyright for the map.
The user can click anywhere in the map, the "render workout" form will be displayed where the user can submit a new workout.
The workout will be added, rendered on the map and added to the workout list.
Added local storage functionality so workout will be saved.

See Live Source Code

Quote Genetator

Used an API to acquire and display random quotes.
If you like the quote, you have the option to retweet it.

See Live Source Code

Infinite Scroll

Used the unsplash API to acquire and display random images.
Implemented inifinity scroll function by using an async function to only fetch the new images when a certain point is reached on the screen, giving the user the apperance that there are infinite photos , when in reality they are only 5 loaded at a time.

See Live Source Code

Picture in picture

A Multi-window mode mostly used for video playback.
It lets the user watch a video in a small window pinned to a corner of the screen while navigating between apps or browsing content on the main screen.

See Live Source Code

Joke Teller

For this one i used the www.v2.jokeapi.dev API to get random programming jokes.
I then utilized the https://www.voicerss.org/api to convert the joke into a voice message.

See Live Source Code

Light/Dark Mode

Designed a basic website and implemented a light mode / dark mode feature.

See Live Source Code

Creative Tim CSS Tailwind starter kit

Used the Creative Tim CSS Tailwind starter kit to design a simple website with animations

See Live Source Code

Navigation Nation

Navigation bar - full page - slides in from left.
Click the hamburger menu in the top right hand corner fo the page and watch the magic happen.

See Live Source Code

Music Player

Music Player app. Lets the user Play, Pause, Skip, and change to previous the song.

See Live Source Code

Bookmark-Keeper

Bookmark-Keeper app. Lets the user add, edit, and delete custom made bookmarks.

See Live Source Code

Video Player

Video Player app. Lets the user play, pause, and change the playback speed of a video.

See Live Source Code

Form Validator

Lets the user see when they have input the correct information.

See Live Source Code

Rock Paper Scissors Lizard Spock

Game based on a Big Bang Theory episode.
Rules:
"Scissors cuts paper,
paper covers rock,
rock crushes lizard,
lizard poisons Spock,
Spock smashes scissors,
scissors decapitates lizard,
lizard eats paper,
paper disproves Spock,
Spock vaporizes rock,
and as it always has, rock crushes scissors."

See Live Source Code

NASA's Picture of the day

I used NASA's API to get the picture of the day.
Users also have the ability to save their most favorite pictures on a separate favorites page.

See Live Source Code

Math Sprint Game

A timed mathematical game.
Test you mathematical skills and try to beat your best score.
Select your difficulty level and start the round.
Answer the highlighted question by clicking on either the "Right" or "Wrong" buttons.
At the end of your run, the application will display your base completion time, your penalty time occurred and your overall time.
Play again to try and beat your best times.

See Live Source Code

Kanban Board

Kanban boards visually depict work at various stages of a process using cards to represent work items and columns to represent each stage of the process.
The Kanban board includes drag and drop functionality, double click to edit content and right click on list item to bring up context menu with delete button

See Live Source Code

Calculator

Calculator with basic functionality.
Add, subtract, multiply and divide.

See Live Source Code

Paint Clone

App that operates similarly to microsoft paint.
Gives the user a canvas to paint / draw on.
Has custom slider for brush / eraser size.
Color picker for background and brush.
Ability to clear the canvas in one click.
User can save and retrieve images to and from local storage.
Button to clear local storage.
User has the ability to save image to disk as jpeg.

See Live Source Code

Pong

Pong is a table tennis–themed twitch arcade sports video game, featuring simple two-dimensional graphics, manufactured by Atari and originally released in 1972.

See Live Source Code

Robo-Buddies

This is my first React App.
Used the https://robohash.org/ API to get the robots. Created components for the Cards, CardList, Scroll and Searchbox.

See Live Source Code

Face Brain

Face Detection API Used from https://www.clarifai.com/.
This was my biggest project todate, I built my own server to store login and password details with PostgreSQL.
Passwords are "hashed" with bcrypt.
Used React to create the App, consists of many components to handle the face recognition, imageLinkForm, Logo, Navigation, Rank, Register and Signin.
I used tsParticles for the background effect, which forced me to use hooks to design the app and control the state. Npm React-titly was used to create the effect on the logo.
Deployed on www.heroku.com

See Live Source Code

Contact

Don't hesitate to contact me today

Email me.