Razan Aboushi

mobile-date-picker

A mobile-optimized date picker component with touch-friendly controls and customizable styling for the React developer ecosystem.

#react#javascript#datepicker#mobile-first#touch-ui

Install via NPM

npm i mobile-date-picker

react-shopping-cart-kit

A modern, lightweight React shopping cart library with beautiful UI components. Features multi-currency support, shipping methods, discount codes, and internationalization.

#react#typescript#ecommerce#shopping-cart#multi-currency#i18n

Install via NPM

npm i react-shopping-cart-kit

why-hydration

Tells you which component broke hydration, what differed, and how to fix it — in dev, with zero production cost.

#react#nextjs#hydration#ssr#devtools#diagnostics

Install via NPM

npm i why-hydration

Open Dev Radar Source code

Projects

Featured Work

Full-stack applications, real-time systems, and experiments I've designed and built end to end

Flagship products

seolens-psi.vercel.app/sample

Latest launch

SEOLens Evidence

An SEO analyzer where every finding carries its proof — the element it came from, the value it read, and the documentation behind the rule.

100+ criteria, each returning its status, the evidence it read, and a primary source
Quick single-page audit, or a deep crawl of up to 100 pages that respects robots.txt
Transparent scoring: every report shows its own arithmetic and coverage
No invented data — what it can't measure is marked “unable to verify”, never guessed

100+

criteria

8

Dev Radar

A local-first content radar for developers: it ranks what's worth writing about, verifies claims against sources, and drafts LinkedIn posts and Medium articles.

Scans Hacker News, GitHub trending & releases, and official RSS/Atom feeds from Chrome, Go, Deno and more
Ranks each topic by fit for your audience (7 signals) and real interest — upvotes, comments, stars, coverage — with the evidence listed
Generates LinkedIn posts and Medium articles in English or Arabic, ready to copy
No paid APIs; a scheduled GitHub Action publishes a browsable snapshot

7

fit signals

2

languages

2

draft formats

0

paid APIs

TypeScriptNode.jsSQLiteRSS / AtomGitHub Actions

Full Stack Application

EduSpark Platform

Developed an educational platform bridging students and course creators, featuring secure material sharing and interactive online course accessibility.

React.jsNode.jsExpressMySQLJWT

Full Stack Application

TableXpress

Built a full-stack restaurant reservation system incorporating location-based filtering, cuisine classification, and real-time availability tracking.

React.jsNode.jsTailwind CSSBootstrapMySQL

Full Stack Application

YouBelong Platform

A comprehensive web platform built using Laravel framework following MVC architecture pattern with MySQL database integration.

PHP 8Laravel Framework 9MySQL 5.7HTMLCSSBootstrapApache ServerComposer

Node.js Application

Chat Rooms

Developed real-time chat rooms with Socket.io, user authentication, and message history functionality.

Node.jsSocket.ioExpress

View All 39+ Projects on GitHub

Other Projects & Games

Task Manager with Zustand — source on GitHub

Built a modern task management application using React with Zustand for state management, featuring add, edit, delete, and complete task functionalities.

React

Expense Tracker — source on GitHub

Developed a comprehensive expense tracking application with budget management, expense categorization, and financial reporting features.

JavaScript

Memory Game — source on GitHub

Created an interactive memory card game with flip animations, score tracking, and difficulty levels using pure JavaScript.

JavaScript

Snake Game — source on GitHub

Implemented the classic Snake game with smooth controls, score tracking, and increasing difficulty levels.

JavaScript

2D Breakout Game — source on GitHub

Built a 2D breakout game with paddle controls, brick physics, power-ups, and progressive difficulty levels.

JavaScript

Quiz Application — source on GitHub

Created an interactive quiz application with multiple categories, timer functionality, and score tracking system.

JavaScript

Simple NodeJS — source on GitHub

Created a basic Node.js server with RESTful API endpoints, middleware implementation, and error handling.

Node.js

Mockup and Wireframe — source on GitHub

Created initial website wireframes and mockup screens using Figma for UI/UX design planning and prototyping.

Figma

Education

Education & Background

My academic foundation and learning journey

Bachelor's Degree in Management Information Systems (MIS)

The University of Jordan

Sep 2018 – Aug 2022

Amman, Jordan

3.94/4.00 - Excellent

View Certificate

Diploma in English Language and Literature

JU Gate Academy

Dec 2022 – May 2024

Amman, Jordan

Excellent Rating

View Certificate

Writing

Medium Articles

Thoughts, insights, and technical writings on software engineering

Why Your Database Queries Are Suddenly Slow (And How to Fix It)

Let me tell you a story that almost every developer goes through. Your application was working perfectly, database queries were fast, and then suddenly... everything slowed down. This article explores common causes and practical solutions.

Prompt Engineering: Stop Talking to AI and Start Directing It

By now, most of us have tried using AI. And honestly, many times the output feels generic, robotic, or just wrong. You rephrase the same prompt multiple times but still don't get the result you want. The problem isn't the AI—it's how you're talking to it.

Top 4 Authentication Mechanisms

How the Internet Actually Knows It's You: We use apps, websites and services every day, but most of us don't really think about how we're authenticated. This article breaks down the most common authentication mechanisms and when to use each one.

Shallow Copy vs Deep Copy in JavaScript

When I first started coding in JS, I ran into a strange problem: I'd copy an object, change something in the copy… and suddenly the original object changed too! If you've been there, this article will help you understand the difference.

Level Up Your React Skills with These Practical Tips

Are you looking to write cleaner, faster and more maintainable React code? I've discovered that small, practical adjustments can make a huge difference in your React development. Here are my top tips for leveling up.

The Most Important Person You'll Ever Code For Is You

Have you ever opened an old project and felt lost, wondering, 'Who wrote this code?' The answer is… you. This article is about writing code that your future self will thank you for—maintainable, readable, and well-documented.