A blog application with React and Firebase as a backend
This is a React-based blog app that lets users create, like, and delete posts. The app has a responsive design and is built using modern web development techniques. It's a great project to learn how to build a full-stack web application with React and other cutting-edge technologies.
You can access posts without logging in, but to create your own posts, you need to login or create an account. If you would like to try out the feature, you can use the following user credentials:
testuser@mail.com 123456
Create a new user by entered email, username, password.
Upon logging in or registering, users will be directed to the homepage where they can browse all posts created by other users and make their own post, along with their titles and descriptions and image.
By clicking on the 'Add Post' button, users can access a modal that allows them to create a new post with a title, description, image URL, and content.
- Only owner of the post see Delete button
- Logout button
- Guest users view the content
To run this project, you need to create a keys.js file in the root directory of the project and add your Firebase API key to it.
-
Create a file named keys.js in the root directory of the project.
-
Open the keys.js file and add the following code:
export const apiKey = "YOUR_FIREBASE_API_KEY"
-
Replace YOUR_FIREBASE_API_KEY with your actual Firebase API key.
-
Save the keys.js file.
Once you have created the keys.js file and added your Firebase API key to it, you can run the project.
- npm install: Installs all the dependencies required for the project.
- npm run dev: Runs the app in development mode.
- npm run build: Builds the app for production to the build folder.