<!-- Hello and welcome to mochibun.me! -->
<!-- Cookies help me deliver the best experience on my webpage. By using my webpage, you agree to the use of cookies. -->
<!-- Write some HTML! This is a fully functional markdown text editor with code highlighting ;) -->
<!-- Scroll down to continue -->

Hello!

I'm Mochi

Full Stack Web & App Developer

Avid Intermediate Coder

Vinyl Connoisseur

Obsessed With Rabbits

A bunny rabbit.Yup, I'm a rabbit!

I felt shocked when I saw my brother change the Windows XP background on our computer when I was just a kid.

Ever since then, I've been fascinated with computers, writing simple Windows batch scripts and fake viruses, getting in trouble for opening the PC side panel for a peek, spelunking down C:\Windows, and nerding out in the tech section of classic YouTube (rate 5 stars please)

One day sitting on the balcony I got an ad in my email talking about a life-changing opportunity. I took it and now I have ascended beyond a web user into the domain of web developers. As a Junior MERN/PERN developer, I'm in love with the front end due to its immediate feedback but if the backend needs some TLC, I have the know-how on what to do.

My dream is pretty simple, I would love to create a highly used NPM package and become a big contributor to other web developers and a big help to the lesser experienced ones.

MY TOOLS

React icon

REACT

TAILWIND

Top part of the Tailwind CSS logoBottom part of the Tailwind CSS logo
JavaScript logo

JAVASCRIPT

EXPRESS

Express JS logo
MongoDB logo

MONGODB

POSTGRESQL

PostgreSQL logo
Vite logo (pronounced 'veet')

VITE

VS CODE

Microsoft Visual Studio Code logo

..AND MORE!

More info on my github

Arrow
Octocat logo

MY PROJECTS

Website screenshot

Vinyl Countdown is my personal favorite. It was the most fun time I had while studying. Everyday I would find some cool new feature or component and put it in the code. NextUI was abolutely the right choice for the UI. Most of the front end and some of the back end done by me. All of the albums available are from my physical vinyl collection. Feel free to contact me to discuss music!

TECH STACK:

React logoTailwind logoNextUI logo
Scribble circlePostgreSQL logo

REPO:

Octocat logo
Arrow

ALTERNATE VERSION:

Vinyl Countdown logo

REPO:

Octocat logo

BACKEND:

Octocat logo

LazyPress was my final group project for the web dev school. It's a working CMS and custom website solution. Originally, the idea was to also include a full on website builder but that would've taken too long for the deadline so the current solution offers you professional website building services with your own CMS for it.

TECH STACK:

React logoTailwind logoNextUI logoMongoDB logoExpress logo

REPO:

Octocat logo

BACKEND:

Octocat logo

SAMPLE WEBSITE:

REPO:

Octocat logo
Website screenshot

This may appear to be just another to-do list, but it is one that perhaps no one else on the internet has created. This to-do list was created before learning anything about React and other powerful JS tools and frameworks. This was a group project, but due to two of my group members becoming ill, I wrote all of the code for this list. The page may appear bare and uninteresting, but this was intentional because I wanted to achieve a clean minimalist Notion look.

TECH STACK:

HTML 5 logoCSS 3 logoJavaScript logo

REPO:

Octocat logo

This simple page was created to show off the things we learned in HTML and CSS in just 2 weeks time. It might be not much but it is my honest work and I love the look and colors of it. If I ever revisit the idea of keeping a personal internet blog around, I will definitely be basing the design off of this page. You can clearly witness my fondness of white blurry acrylic backgrounds, old school typefaces and rounded corners for elements, the polka dot background also adds a bit of that nostalgic feeling, perhaps?

TECH STACK:

HTML 5 logoCSS 3 logo

REPO:

Octocat logo
Website screenshot
Website screenshot

The aim of this page is literally in the title, we were given a mock project with a Photoshop document and it was our task as a group to translate that document, the vision of the imaginary client's page mockup into reality.

TECH STACK:

HTML 5 logoCSS 3 logoJavaScript logoAdobe Photoshop logo

REPO:

Octocat logo

Other repos on my github

Arrow
Octocat logo

CONTACT

Don't worry, my classic silly webpage will be available at a new special location, it is not lost to time!🐰