React Projects Green.

  • Go back home
  • View the first react project!

React

IP Info

This is a React app that interacts with IPinfo API to get the user IP number and information about the IP number such as the country of origin, region and city.

Screenshot been taken with VPN on
Visit
View Project
Git Repo
View Repo
Loading Image...
React IPinfo

React

The Password Generator

This is a secure password and passphrase generator built with React

It also features some helpful hints that help you keep good password hygeiene. This app doesn't keep any information

Visit
View Project
Git Repo
View Repo
Loading Image...
React IPinfo
React IPinfo
React IPinfo
React IPinfo

React

Otter

Otter is a movie information platform built with React, Redux, and Vite, using the TMDB API for dynamic movie data. The app has a responsive, easy-to-navigate UI that allows users to explore movie details, ratings, and cast.

Modern design elements like card-based previews and category filters make browsing seamless and efficient. This project highlights a user-focused interface and practical use of popular front-end technologies.

Visit
View Project
Git Repo
View Repo
Loading Otter Images...
Otter landing page
Otter show details
show trailer player and footer design
404 Page design and responsive design elements

React

The Colour Contrast Checker

This is a React app that checks the colour contrast of your design based on the Web Content Accessibility Guidelines (WCAG).

Features on this app are that it's accept HEX, RGB and HSL colour formats and converts them. If you like any colour contrasts you can save them as it can store those colours combinations in your local storage.

Visit
View Project
Git Repo
View Repo
Loading Image...
to do list
mobile view of the todo list

React

Albert

Albert is a React-based tool that identifies and analyzes the content management systems (CMS) and eCommerce platforms powering websites. It detects popular CMS platforms like WordPress, Drupal, and Magento, along with headless CMS and enterprise solutions.

The tool uses pattern matching and digital fingerprinting techniques, providing confidence scores and detailed analysis based on indicators such as HTML structure and JavaScript files.

Visit
View Project
Git Repo
View Repo
Loading Albert Images...
Albert start page
result page of CMS detector
result page of CMS detector with additional information
error page of Albert

React

GroundCTRL React UI

While delving into the realms of UI and UX principles alongside my exploration of React, I opted to construct a User Interface Dashboard based on React.

Visit
View Project
Git Repo
View Repo
Loading Image...
ground control admin dashboard
Demo of graph within ground control
Font size level headings

React

Snake Game

This is for anyone who had a Nokia phone way back in the late 90's or early 2000's just like myself. And loved to play that Snake game

So I've created a React+Redux based verison of that classic game. To play just use the arrows keys on your keyboard but remember not to hit the wall, you just have three hearts.

Visit
View Project
Git Repo
View Repo
Loading Image...
Classic snake game
demo of the snake game
game on pause

React

Tetris Rush

Another game I like to play is Tetris. So here is another React app that I've built for those wants to match tiles.

To play this game you only have 5 minutes to play the game and get the highest score you. Like the Snake game above you use the arrow keys on your keyboard.

Your score is stored in localStorage.

Visit
View Project
Git Repo
View Repo
Loading Image...
Tetris rush you've got five minutes
game in progress
new record in tetris rush
game over

React

Todoist Clone

A Clone of the popular Task Manager App Todoist.

Using Firestone to store all the to do's and while been built with React it also uses React hooks, useState, useEffect.

Visit
View Project
Git Repo
View Repo
Loading Image...
to do list
mobile view of the todo list

React

Rock
Paper
Scissors

This is a React app of the classic and well loved game – Rock Paper Scissors.

Visit
View Project
Git Repo
View Repo
Loading Image...
to do list
mobile view of the todo list
mobile view of the todo list
mobile view of the todo list
mobile view of the todo list

Thanks for viewing
some of my React work.

  • Go back home

Back to Top