CSS Frameworks

Howling

Open live site Open README

Howling project image sketch Howling project image finished
Howling login and feed flow – improved authentication UX and clearer access control for protected pages.

Overview

Howling is a social media client built with Tailwind CSS and JavaScript modules. The portfolio update focuses on making the authentication flow feel more professional, reducing “dev-style” alerts, and handling protected pages in a clearer, user-friendly way.

Links

Live: howlingtailwind.netlify.app
Repository: GitHub repo
README: README

What I improved

Portfolio update commit: view commit (The commit was done on Noroff's private Repository)

  • Replaced browser alerts on login with inline error and success messaging (plus a loading state) for a more professional UX.
  • Redirected unauthenticated users away from protected pages (like the feed) to the login page, instead of showing a technical error message.
  • Added redirect support after login, so users return to the page they originally tried to access (with a friendly “Please log in to continue” message).
← Back to home