The best part about being a front-end engineer? I get to bring cool ideas to life! All the while working with exciting new technologies, building awesome projects and delivering amazing user experiences along the way.
Scroll down to explore a few ideas I chose to bring to life myself. Enjoy!
Piction-ai-ry was inspired by the many multiplayer drawing games that can be played online. The twist, instead of drawing an image based on a prompt, the player creates a prompt to generate images using an AI model. Anyone can create a game, share an invite link and play with up to 6 players. The player with the most points after 3 rounds wins!
Built on the T3 stack (Next.js, Prisma, tRPC, Tailwind CSS), Piction-ai-ry was designed to be accessible, quick to pick up and fun to play. Supported by integrations with Vercel and Supabase, anyone, anywhere can create a game and experience Piction-ai-ry with friends. Real-time subscriptions allow players to receive live updates in game and react to events as they happen. Built with scale in mind, Piction-ai-ry can support hundreds of concurrent games with several thousands of players, all playing in real time.
Currently in Beta, Piction-ai-ry will recieve a full release in late 2022.
Inspired by the Momentum browser extension, Dashpoint provides users with a stylish, yet practical, start page for improving personal focus and workflow. The goal was to develop a lightweight, customisable dashboard focused on utility and user experience. Dashpoint offers a range of custom workflow tools, including a notepad, to-do list, timer, calculator and colour converter, as well as features such as local weather forecasts and custom bookmarks.
This project was developed using vanilla JavaScript, leveraging local storage and DOM manipulation capabilities to deliver a fast, lightweight user experience. The application was built upon the Bulma CSS framework, and makes use of API data served by Unsplash and Dark Sky Weather. The application is fully responsive and supports desktop, tablet and mobile devices.
Design Learning Objects provides engineering students with new and compelling learning experiences to support the academic teaching at Imperial College London. The goal was to utilise front end technologies to help demonstrate core engineering principles and provide students with a set of interactive learning tools to reinforce their understanding.
Two static web applications were developed, each one addressing an individual engineering topic. Working closely with academics, various interactive features were introduced and implemented using libraries such as JQuery, p5.js and Plotly.js. The project was hosted using AWS and is available at www.designlearningobjects.com.
Design Learning Objects will be introduced to undergraduate students in October 2019 as part of the Imperial College Mechanical Engineering course.
Interested in finding out more about me or my work?
