Skip to content

Henok-Al/Blog-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

#Blog-App

This is a blog application built using React and Firebase. It allows users to signup,login, create, edit, delete blogs, perform CRUD operations, manage tags, and view blog details.

image

##Features

. ✅ Login and Register Page: Users can register for a new account or log in using existing credentials.

. ✅ Create, Edit, Delete Blog: Authenticated users can create new blogs, edit existing ones, and delete blogs.

. ✅ CRUD Operations: The application supports Create, Read, Update, and Delete operations for blogs.

. ✅ Tags Management: Users can add tags to their blogs for better organization and searchability.

. ✅ View Blog Details: Users can click on a blog to view its details, including the content and associated tags.

##Library Used

. 🚀 React: A JavaScript library for building user interfaces.

. 🚀 Firebase: A platform for building web and mobile applications, providing various services like authentication, database, and hosting.

. 🚀 Sass: A CSS preprocessor that enables you to use variables, mixins, and other features to enhance CSS.

. 🚀 Bootstrap: A front-end framework for building responsive and mobile-first websites.

. 🚀 React Router Dom: A routing library for React that enables navigation and routing in a React application.

. 🚀 React Tag Input: A React component for inputting tags or keywords.

. 🚀 React Toastify: A React notification library for displaying toast notifications.

Getting Started

Clone the repository:

git clone https://github.com/Henok-Al/Blog-App

cd react-firebase-blog

npm install

Set up Firebase:
Create a Firebase project on the Firebase console.
Enable Authentication and Firestore (or Realtime Database) services.
Copy Firebase configuration credentials and paste them into your application.

```bash
npm start