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

BelovedzGuard Music

A React music streaming app for my original songs, built with a responsive audio player, lyric viewer, search and genre filtering, and dedicated Songs, Albums, and Playlists sections. It was driven by a desire for a simple, intuitive playlist creation and listening experience, which became a core focus of the app’s design.

HTML | CSS | JavaScript | React 18 | Redux Toolkit | Cloudflare | Axios | Node/Express | Media CDN

  • Custom audio player with persistent global queue, current-track state, shuffle, repeat, and playback controls.
  • Playlist system with dedicated playlist pages, track grouping, and integrated playback through the main player.
  • Mutually exclusive filters (title search or genre) that shape both the visible song list and the active player queue.
  • Albums and playlists assemble organized tracklists from the main song data for a consistent listening experience.
  • Responsive UX with desktop side navigation, mobile top navigation, and a dockable lyrics panel beside the player.
  • Scalable app structure designed to support an expanding library of music content and listening views.
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.