Skip to content
NW

Writing

Frontend guides and notes

Practical guides on UI/UX, website performance, responsive design, React, TypeScript, and full-stack development.

20 articles

Articles

Three gauges representing loading, interactivity, and visual stability

Performance5 min read

Understanding Core Web Vitals for Frontend Developers

What LCP, INP, and CLS measure, the thresholds Google uses, the difference between field and lab data, and the most common frontend causes of poor scores.

  • Web Performance
  • Core Web Vitals
  • LCP
  • INP
Read article
Grid of swatches and components representing a design system

UI/UX5 min read

Design Systems for Consistent Web Interfaces

What a design system is, how design tokens, components, and guidelines fit together, and a practical way to start one in a React and CSS codebase.

Read article
React atom logo surrounded by component blocks

React5 min read

Getting Started with React.js

A beginner-friendly introduction to React: setting up a project with Vite, JSX, components, props, state, events, and rendering lists.

Read article
Performance gauge and audit checklist

Performance5 min read

How to Improve Lighthouse Performance Scores

How the Lighthouse performance score is calculated, why it varies between runs, how to read the report, and practical fixes for the audits that matter most.

Read article
Four connected layers representing MongoDB, Express, React, and Node.js

Full-Stack6 min read

Introduction to the MERN Stack

What MongoDB, Express.js, React, and Node.js each do, how they work together, and a minimal example of a REST API with Mongoose connected to a React frontend.

Read article
Phone, tablet, and desktop screens showing one responsive layout

Responsive Design5 min read

Building Mobile-First Responsive Websites

What mobile-first means, how to set up the viewport, write min-width media queries, use fluid layouts and type, handle responsive images, and test on real devices.

Read article
Two database icons compared side by side

Full-Stack6 min read

MongoDB vs Firebase: Choosing the Right Data Solution

A balanced comparison of MongoDB and Firebase (Cloud Firestore): data models, querying, real-time updates, security, offline support, pricing models, and which projects suit each.

Read article