myBlog is a front-end web application built using HTML, CSS, and JavaScript that allows users to register, log in, and create, edit, or delete personal blog posts — all stored locally in the browser via local PC localStorage.
Author: Ellick Au
Built as part of the myBlog learning project for the course of "L3 Software Development"(HTML/CSS/JS).
Date: 30 Oct 2025
- 🌓 Dark / Light mode toggle (state saved in localStorage)
- 👤 User authentication (login/register/logout)
- 💾 All data saved locally (no server required)
- 🔍 Auto-load personal posts only on blog.html
- 🌀 Loader animation with graceful start/stop
- HTML5 for structure
- CSS3 for styling and layout)
- JavaScript (ES6) for logic and interaction
- Auto-load personal posts only on blog.html
- LocalStorage API for persistent client-side data
- When a user registers, the app stores a record under users_profile in localStorage.
- On login, it checks that username and password match.
- When logged in, the username is stored in myblog_username.
- Blog posts are stored in blogPosts, each tagged with the username.
- Only the current user’s posts are shown in blog.html.
This is a client-side demo app — passwords and data are saved in localStorage, not encrypted.
Do not use real passwords or sensitive data.
In production, you would replace the storage layer with a secure backend (e.g. Flask, Node.js, or Firebase).
- Add encryption for stored passwords.
- Connect to a real database (MongoDB/Firebase)
- Implement comments or image uploads.
- Add pagination and search features
- Enhnace features through REACT / Boosttraps5 Framework