I'm Emmanuel Jose,
a technical writer
and developer in
New York City.

Power Words

HTML, JavaScript, CSS

Power Words is a word bank of action verbs for resumes, cover letters, and the job hunt. Over 1100 verbs cover 62 categories of skills, synonyms, experiences, and industries. Words can be copied with a click, and Power Words is an installable, accessible, progressive web app.

Repo • Live Site

Eye-onic Reading

HTML, JavaScript, jQuery, CSS

Eye-onic Reading is a lightweight version of the Bionic Reading system, wherein fixation points of words and sentences are boldened to enhance reading. Text can be generated for examples, and formatted text can be downloaded as a PDF document.

Repo • Live Site

Start Asian Love

Next.js

Start Asian Love is a website that Waverley Leung, Sandy Dai, Daniel Kwon, and I created in response to rising anti-Asian racism and violence. In support of the #StopAsianHate movement, Start Asian Love provides resources to combat racism and celebrates Asian excellence.

Repo • Video Demo • Live Site

Keto Food List

HTML, JavaScript, CSS

The Keto Food List is a reference guide of keto-friendly food (high-fat and low-carb). Features include keyboard navigation, responsiveness to landscape orientation, and a printable PDF of the Keto Food List.

Repo • Live Site

The Box of Shadows

HTML, JavaScript, CSS

The Box of Shadows is a CSS box shadow generator. Features include multiple color inputs, Clipboard.js implementation for copy functionality, light or dark mode, and installability as a progressive web app.

Repo • Live Site

InspecText

HTML, JavaScript, CSS

InspecText is a word and character counting app. Features include string reversal, palindrome validation, copy to clipboard functionality, keyboard navigation, and mobile responsiveness.

Repo • Live Site

Wordle 2

HTML, JavaScript, CSS

Wordle 2 is an adapted and modified clone of the game Wordle. Infinite game play is enabled, and accessibility and performance metrics have been optimized.

Repo • Live Site

Agile 101

HTML, CSS

As a personal study guide in learning Agile methodologies, I made flip cards of the 4 values and 12 principles of the Agile Manifesto.

Repo • Live Site

JS Notes

JavaScript Modules, HTML, CSS

The JS Notes app uses JavaScript modules to render the HTML view, and it uses local storage for data persistence. The app has full CRUD functions, is keyboard accessible, and the sidebar is adjustable.

Repo • Live Site

Design Patterns 101

HTML, CSS

To learn about design patterns for object-oriented programming, I made flip cards adapted from my Agile 101 project. The cards feature the classic 23 design patterns by the Gang of Four.

Repo • Live Site

Model Minority Myth

HTML, CSS

As a way of beginning to articulate my thoughts about recent anti-Asian hate crimes, I worked on this small project to highlight the "model minority" myth, which is a dangerous and monolithic perception of Asians.

Repo • Live Site

Global Metrics

Next.js

The Global Metrics app fetches from the REST Countries API to display, sort, and filter countries. The site is responsive, has light and dark modes, and I learned to implement keyboard-only navigation for enhanced accessibility.

Repo • Live Site

Cozy Nation

Ruby, Ruby on Rails, CSS

Cozy Nation was the first Ruby on Rails app I created at Flatiron School. With my project partner Dong Xia, we made Cozy Nation to allow users to book playdates with, write reviews for, and adopt rescue animals.

Video Demo

Bombastic

Ruby on Rails, React, Redux, Stripe API

I love the sock apparel brand Bombas, which donates clothes to homeless shelters for every item purchased. For my Flatiron School capstone project, I made a mock e-commerce app inspired by Bombas wherein users can login, browse and purchase items, and view order history.

Repo • Video Demo

FlavorWorld

JavaScript

FlavorWorld was the first JavaScript app I created at Flatiron School. My project partner Samir Triande and I were inspired by our cohort's diverse backgrounds, and we created FlavorWorld to celebrate our love of international cuisine.

Video Demo

Crypto Tracker

Next.js, CoinGecko API

With cryptocurrency in the news, I worked on this crypto tracker to further understand Next.js and the rise of blockchain technology. The Crypto Tracker app fetches from the CoinGecko API and displays the top 100 cryptocurrencies in the world.

Repo • Live Site

Wes Anderson Calendar

JavaScript, HTML, CSS

To further understand CSS and UX/UI design, I gave a makeover to an existing calendar Codepen. I styled the calendar after one of my favorite films, The Grand Budapest Hotel , directed by Wes Anderson.

Repo • Live Site

Dog Day News

Next.js, News API

Dog Day News is the first Next.js app I've created, and it fetches articles from the News API. As a proud dog dad, I gave the app a dog theme and filtered for articles related to dogs and pets.

Repo • Live Site

Slingshot Game

JavaScript, Matter.js

I'm a fan of the game Angry Birds, and I worked from a tutorial on how to create a slingshot game using Matter.js, a 2D rigid body physics engine written in JavaScript.

Repo • Live Site

Speech Recognition Keyboard

JavaScript, Web Speech API

I always wanted to create a virtual keyboard, but tutorials lacked responsiveness and aesthetic appeal. I watched great Russian tutorials from the Rolling Scopes School that uses the Web Speech API for speech recognition capabilities. To elevate the design, I applied photorealistic CSS to emulate an Apple magic keyboard.

Repo • Live Site

Spectrum Mouse Trail

JavaScript • HTML • CSS • Canvas API

I love using code as a medium for self-expression, and this simple mouse trail effect was (and still is) a reminder for me to enjoy the journey. The mouse trail uses the Canvas API and the <canvas >html element.

Repo • Live Site

Bespoke Portraits

Bas-relief paper-cut and color pencil artwork.

After adopting my rescue dogs in 2016, I started making paper-cut pet portraits. This is a bespoke memorial portrait of my friend's beloved dog, Rosebud.

View More

Swan Lake

Bas-relief paper-cut artwork.

Dancers inspire me, and this is a paper-cut sculpture of The Royal Ballet principal dancer Matthew Ball in Matthew Bourne’s incredible production of Swan Lake.

View More

Frida Kahlo: Queen of Hearts

Bas-relief paper-cut artwork.

Frida Kahlo is one of my favorite artists, and for several years, I designed paper-cut playing cards. This is the second of a series of Kahlo works I've made.

View More

Custom Playing Cards

Kickstarter, BackerKit, Paper-cut artwork.

I designed a series of custom playing cards that were printed by the US Playing Card Company. To fund their production, I launched and managed crowdfunding campaigns on Kickstarter and Backerkit.

Clipped Wings • Sawdust • Delicious

README a Makeover Story

I had a Github profile that looked like a big blank page. After graduating from Flatiron School, my attention became divided, my coding habits stopped, and my Github contribution tiles became as white as my bathroom floor...

Read More

e-Manual by Emmanuel: Part 1

If you’re about to graduate or have recently graduated from a coding bootcamp program, Congratulations! You’re on your way to the rest of your life...

Read More

Everything is Beautiful, but I miss the Ugly

At Flatiron School, we’re currently learning about JavaScript and building our first JavaScript projects. The whole process, for me, has led to a nostalgic look back at the internet of the 1990s and early aughts...

Read More

Recognizing Your Creative Power in Coding

I miss Art. I miss the pre-pandemic days of viewing art in a gallery or a museum, and I miss the days of seeing dancers, musicians, and performers at their best...

Read More

Coming Out and Opening Doors in the World of Tech

As an Asian man, I see myself somewhat represented in the STEM fields. However, as a gay Asian man (a “gaysian”) that is part of the LGBTQ community, I don’t see much of myself represented at all...

Read More