Client: Myself
|Role: Fullstack and Design
Tech Stack: React, Tailwind CSS, and Firebase
This project is a web-based blog page for me to express anything that I want to tell to the world. On it I can create, edit, delete, and read the blog that I've made on the website while other people can read the blogs that I've written on the website. It is built using React and Tailwind CSS as the frontend and Firebase as the backend resulting to what it is now.
In today's digital world, many people wish to share their thoughts and ideas online, but creating a personal blog often requires technical skills or relying on third-party platforms that may not offer full control over the content. Existing solutions might be too complex for users who want a simple interface or too restrictive in terms of customization and ownership. This project addresses the need for a personal, user-friendly platform where I can easily manage my content without relying on external blogging services and also I can make it as my personal project.
The blog is built using React for a dynamic, component-based frontend, which allows smooth page transitions and reactivity without full-page reloads. Tailwind CSS is used to style the components, providing a clean and customizable design that adapts to different screen sizes which I choose for faster development. And for the backend, Firebase is utilized for user authentication, database, and storage. Firebase’s Firestore Cloud handles the database, Firebase Authentication ensures secure login functionality for me as the blog owner and Firebase Storage as the storage I use for this project. The combination of these technologies provides a seamless experience for both the blog creator and the readers and giving me a somewhat easy development experience. And for the design I use Figma with existing online blog pages as a reference
In the future I see this project to be a platform for me (and probably my dad too because he also interested in this idea) to share our thoughts to this website and other people can read it, give comments, likes it, share it and those sort of things.