Josh's Portfolio

Interview Quest

A React-based game that simulates the challenging journey of a job interview process.

Drawing inspiration from old-school turn-based RPGs and real-life job hunting experiences.

This game takes you through three intense rounds: The Recruiter, The CTO, and the final showdown with the CEO.

Cosh and Josmin. E-commerce Shop

Engaged in an ongoing project, I am actively constructing an e-Commerce site using React.

Using the API fakestore.

Curious about the entire journey so far? Click to explore the evolution of this project.

The Journey

The project kicked off with meticulous planning, utilizing wireframes and component trees to set a clear direction for the website's design.

Building the Basics

The design took shape as I implemented the basic layout and integrated components into the structure. Data from an API enriched the pages, ensuring a functional foundation

Facing challenges, I recalibrated the initial component tree for a more accurate representation, showcasing adaptability in response to obstacles

Category pages

Attention turned to creating engaging category pages, featuring a curated menu and content from the API. A user-friendly design elevated the category selection experience.

Search bar

A search bar enhanced user interaction, reacting as users typed. Overcoming design challenges, including a click-to-clear feature, refined the search functionality.

User login

User login system works with all users from the API

Implementing a robust user login system, users receive a personalized welcome, while guests are accommodated. Overcoming challenges in keeping guests logged in with local storage, authentication, and security.

Refining the User Experience

Adding subtle yet impactful touches to elevate the user experience:

Implementing a dynamic homepage with randomized products, reflecting recently viewed items

Refreshing banners for timely updates and improved visual appeal

Introducing refined UX/UI elements, including a thoughtful display for "No Products Found" in search results

These little touches contribute to a more engaging and seamless user journey, enhancing the overall appeal of the e-Commerce platform.

Next Steps: Future Enhancements

Looking ahead, the journey continues with plans for a cart system, sign-up features, and user updates. Exciting developments are poised to elevate the interactive landscape

Academy Portal

Ongoing legacy code project using Slim framework. Added a new feature which involved interacting with two APIs to retrieve and compare data.

The code involved all aspects of the full stack, JavaScript on the front end and PHP on the back end, using MVC concepts and CURL.

Ping Pong

Dive into the realm of classic gaming with my C# rendition of Ping-Pong, developed using Visual Studio and Windows Forms.

This project, guided by Moo Ict, showcases my ability to merge foundational concepts with personal innovations, including change in difficulty as score progress and intro screen.

Bored API

A very simple console app written in C# making requests to www.boredapi.com built in Visual Studio.

A chance for me to practice making requests and handling the responses from the API.

You are given a list of the different types of activities you can do and the api will send you one at random from the activity type.

Email Client

A group project within a team of four to build an email client built using React and Bootstrap.

I was responsible for the inbox counter interacting with the API, the design of the new email, validation of the new email and sending new emails to the API.

Project Management

A group project within a team of four. We built an API using PHP and Object Orientated Programming to interact with a React front end.

I was responsible for date formatting, error handling, unit testing and JSON handling.

To Do List

Personal project. A to do list built using Slim and MYSQL. Demonstrating use of MVC structures and OOP.

Caterpillar Countdown game

A group project within a team of four, we were tasked to create a JavaScript game in 4 days.

I was responsible for the generating of new numbers, CSS design and the score counter.

Tip Calculator

Personal project. A tip calculator built using React.

Posts and Railings

Personal project. A PHP application that can calculate the amount of posts and railings required to build a fence of a certain length or that will calculate the length of a fence when you provide the amount of posts and railings.