Web Development Skills and Tech Stacks

Below are the various skills I've acquired as a web developer and the tech stacks I'm familiar with. In each group, the items are generally listed from those I'm most confident and familiar with to the least.

Coding Languages

  • JavaScript
  • JSX / HTML
  • TypeScript

Frontend

  • React.js
  • Redux
  • React Native

Styling

  • CSS
  • Bootstrap
  • MaterialUI

Backend

  • Node.js
  • Express
  • RestAPI

Databases

  • MySQL / SQLite
  • Postgress / Elephant SQL
  • MongoDB

Testing

  • Postman
  • Unit Testing
  • Jest

Web Applications

The website "Serinity Images" was created / designed by myself alone. The other two below it were done on a team during my time leanring with Lambda School.

BelovedzGuard Music

A React app for streaming my original music with a responsive audio player, lyric viewer, search & genre filtering, and a “Listen” area that organizes Songs, Albums, and (coming soon) Playlists.

HTML | CSS | JavaScript | React 18 | Redux Toolkit | React Router v6 | Axios | Node/Express (Heroku) | Media CDN

  • Custom audio player with global queue & current-track state (Redux slices: songs, player).
  • Mutually exclusive filters (title search or genre) that drive both the visible list and the player queue.
  • “Listen” parent route with side navigation; subroutes for Songs & Albums (Playlists planned).
  • Albums view maps album configs to song IDs and assembles tracklists from the main song dataset.
  • Migrated routing v5 → v6 and refactored CSS from a single large file into component-scoped styles.
  • Responsive UX: floating side nav on desktop, top bar on mobile; dockable lyrics panel next to the player.

Live SiteGithub Repo
BelovedzGuard Music app

rabbi-rabbit

An app designed to supplement Hebrew language learning by providing a simple yet engaging way to review vocabulary. Rabbi-Rabbit uses direct input for answers and a spaced-repetition system to optimize retention.

React | JavaScript | CSS | Yup (validation) | Node/Express | MongoDB/Mongoose | JWT Auth

  • Authorization: sign up/sign in/sign out, password reset via emailed PIN.
  • Dashboard: counts for available Lessons & Reviews, next review time, level mastery progress.
  • Lessons: Hebrew, nikkud, pronunciation, and meaning; unlock flow tied to mastery thresholds.
  • Reviews: randomized items, direct input (with Hebrew keyboard), language detection, rank up/down, SRS next-review dates.
  • Vocabulary: per-level view of items the learner has unlocked/reviewed (hebrew, nikkud, meaning, reading, rank).
  • Account Settings: show/hide nikkud & pronunciation (saved in localStorage); Danger Zone to reset progress or delete account.

Live WebsiteGitHub Repo (Web)GitHub Repo (API)

Serenity Images

A React-based art gallery and storefront showcasing the artist’s work with a smooth path from discovery to purchase. Visitors can browse, filter, and deep-link into individual pieces—and continue cycling through the same filtered set directly from the product view.

JavaScript | React | HTML | CSS | Git | PowerPoint

  • Instant filtering: live search + medium/category dropdowns that combine to narrow results (e.g., “birds” + “digital”).
  • Context-aware product pages: opening any artwork preserves the current filter; the item view includes a built-in gallery navigator that cycles only through the filtered subset for a focused, “zoomed-in” browse.
  • Reusable gallery components: shared logic for cards, pagination, and empty states keeps the UI consistent across pages.
  • Responsive layout: CSS media queries deliver an optimized grid and detail view from mobile to desktop.
  • Dynamic UI states: text, actions, and badges show/hide based on item attributes (availability, medium, notes).
  • Brand presentation: custom “title cards” and promotional assets produced in PowerPoint for cohesive marketing visuals.

GitHub repo Live Site

Visual Art

I began painting in 2013, just playing around with acrylics on the canvas, and quickly developed my art style. I've dabbled with various mediums but acrylics suit me best. My current level of skill is due to practice, experiementation, and careful study of nature. I aim to improve every time.
Below are some of my current favorites.

Serenity Images

My story so far.

After losing my previous job to the Covid lockdown 2020, I decided to take my career in an entirely different direction and studied web development through Lambda School. I quickly discovered that development is as rewarding as it can be frustrating and there is always something new to learn. One of the first things I started on with my new found skills was creating a website to display and sell my original artwork. I believe in creating web apps that are designed with users and content first in mind. I'm always developing my technique and experimenting with different approaches to whatever I create. I believe it's important to always grow and learn - as a designer, developer, artist, and as an individual.

Non-tech Skills

  • Content Writing / Editing
  • UX/UI Design
  • Customer Service / Stakeholder Relations

Intrests

  • Anime/Japanese light novels
  • Gardening
  • Gaming

Random Facts

  • I make tasty no-sugar-added jam!
  • My favorite color is teal.
  • I'm a mario kart master.

Interested in More?

If you have a project or job opening you think I might be interested in, then give me a shout.