Full Stack Js Developer

CodeBootcamp - Platform for learning coding

A platform for my students to learn and practice the concepts I teach.

API

React | Node.js | MongoDB

CodeTesting API and editor for Js and ReactJs …

API for grading submitted function and reactJs coding tests. Used for my Learning Bootcamp but could have use elsewhere..

React | Node.js | MongoDB

Animated coding challenge package …

This project provides an interactive and animated code learning experience using React. It presents coding challenges in a typewriter-like animation, allowing users to learn and practice coding concepts step by step. The challenges are enhanced with options for interactive questions, live coding reflections, and the ability to retry challenges.

NextJs | Tailwind | Shadcn/ui | Prisma | Postgres

Food recipe app

I can know what’s in the fridge and from there, see what recipes I have available. An app probably exists and I usually follow the if it’s not broke or it exists, don’t reinvent the wheel but lets just do it ourselves.

React | Node.js | MongoDB

ReactJs Coding editor …

A ReactJs editor that renders the ReactJs code with styling directly. With tabs view.

React | ReactFlow | TailwindCSS

FlowCanvas Diagram creator

A diagram creator that allows you to create flowcharts and other diagrams. Built with React, ReactFlow and TailwindCSS.

React | Remotion

RenderKit. A video editor built with React

Build videos with Remotion react. I have extended upon remotion with a Custom built timeline editor. Frames are built with custom Text/Video/GIF/Audio segments. The intention is for this project to be used with my learning platform. I can create videos for learning blocks, challenges and long form projects within the content editor.

NextJs | tailwindcss | shadcn/ui | Prisma | Postgres

PublishOS - build -> publish -> track

CMS for an in-house company analytics | SEO | google ads … I built a site for a steel manufacturing company handed off the website but no design ever landed and pastering them for content was a never ending chase. See, they didn’t want to go with Squarespace or other CMS platforms because they wanted bespoke design and more features. So, I got creative and made this.

Nextjs | App router | Tailwind | Shadcn/ui

MySwedish - My personal project for learning Swedish through flashcards and quiz based learning

I built this app because I wanted a way to practice Swedish while I use the Duolingo App. It’s organised into Flashcards, Pair mode, Quiz mode and Writing. Built on Nextjs with App router, I haven’t currently hooked up any DB and the data is simply being pulled from a data.js file. Duolingo is great but I feel I need a better way to reinforce my learning and building my own system I can build a more complex learning pattern.