Full Stack Developer

Mark O'Connor

I build solutions to complex problems and I'm inspired by helping people live better.

A profile photo of Mark. The developer of the site.

Hi, I'm Mark. Nice to meet you.

I was drawn to programming by dreams of the things I could create. I'm passionate about turning ideas into reality and I love writing code, but the real joy is creating products that people love using.

On the Frontend, I focus on the simplest set of features to solve the problem. Then I make it easy to understand and feel good to use. The Frontend brings the senses to life.

On the Backend, I focus on basic web fundamentals and the best tools to get the job done. I build what is needed to work with the data required by the app. The Backend is the magic that drives application state.

Frontend Developer

Languages

HTML | CSS | JavaScript

Tools

  • ReactJS
  • NextJS
  • MirageJS
  • AntD
  • AG Grid
  • Tailwind CSS
  • Bootstrap
  • Material UI
  • Headless UI
  • Canva
  • Coolors
  • Figma

Projects

The logo for Ennytime
Ennytime background image

Description

An calendar sharing app for couples with ever-changing shift schedules.

Tech Stack

FastAPI, HTMX, Tailwind

The logo for My Save Money Life
Expensave hero section image

Description

An expense tracket application that lets users track their income, budgets, and daily spending.

Tech Stack

FastAPI, HTMX, Tailwind

The logo for Next Fast Auth

Description

Frontend and Backend start kits for new applications.

Tech Stack

FastAPI, NextJs

The logo for Cram School Cloud
Cram school cloud section image

Description

A school management application that lets Taiwan's local English language schools manage their student data

Tech Stack

Django, NextJS, MySQL, Tailwind

The logo for Hao Hao Sound
Hao Hao Sound hero section image

Description

A sound library application that lets users listen to short sounds perfect for any situation.

Tech Stack

NextJS, PostgreSQL, Tailwind, LocalStorage

The logo for Scriptt
Scriptt hero section image

Description

A dialogue writer application that lets English teachers create dialgoues for their English classes.

Tech Stack

ReactJS, CSS, LocalStorage

The logo for Taiwan Tax and Info Super Simple.

Description

A tax calculator that lets foreigners check their taxes and income when they move to Taiwan.

Tech Stack

HTML, CSS, JavaScript

ESL


Charades app image.

Charades

Ruby on Rails | PostgreSQL | Heroku

This a charades app designed to help students describe words for review. I made it because I found many early ESL students are great at memorizing words, but struggle to explain them. It's especially true in classes with varying skill levels - some students answer everything and others shy away. With this take on Charades, there are students who guess the word and students who read the word descriptions out loud. By giving students the descriptions, we overcome the barrier of not knowing how to describe the word. Over time, students develop a natural muscle for using simple words to explain any concept.


Conjugation app image.

Present Tense Conjugation Practice

FastAPI | Docker | Cloud Run

This is a worksheet generator. Refresh the page to get a new worksheet with different verbs and subjects. I haven't set up any PDF functionality, but it's on my radar. For now, I use the browser's built in print 'Save to PDF' works well enough.

Have fun writing good code. But focus on building great solutions.

Mark O'Connor 2023