This is a web app that allows you to create, view, edit, and delete blog posts. You can also log in and log out.
This app is built with React + Vite, TailwindCSS, and Firebase. It uses Firebase Authentication, Firestore, Storage, and Functions to handle the backend functionality.
- Log in and log out using Firebase Authentication
- Create, view, edit, and delete blog posts using Firestore and Storage
- Users can also add cover image
- comment on posts
- Responsive design that adapts to different screen sizes
- Protect routes based on the user’s authentication status
- To run this app locally, you need to have Node.js and npm installed on your machine. You also need to create a Firebase project and enable the services mentioned above. Then follow these steps:
- To get started with this project, run
https://github.com/13paras/react-firebase-blog.git-
Navigate into the project directory:
cd react-firebase-blog -
Install the dependencies:
npm install
-
Create a .env file in the root folder and add your Firebase configuration variables
-
Start the development server:
npm run dev
You can see a live demo of this app here