React Blogs

A full stack web application which aims to provide a platform for users to express and articulate their thoughts in the form of fully customizable blogs. Users can write, explore and react to other's blogs.

👨‍💻 Tech Stack

• Frontend : React
• Backend : Node.js, Express
• Database : Firebase
• Testing: Jest
• Deployment: Heroku
• Text Editor: TinyMCE

Features Offered

• Authentication using Firebase
• Write and submit fully customizable blogs with embedded images
• Change blog visibility by making them private/public
• Update or delete existing blogs
• Leave a like on other public blogs
• Get the most liked blogs in the search section!

🚀 Deployed at

https://ninja-blogs.herokuapp.com

⚙️ Setup

For configuring the codebase, please refer to SETUP Guide to get started with local deployment

💻 Screenshots and Working

• Home page

• Login and SignUp Implementation using Firebase Auth

• Once the user logs in, they are greeted by the dashboard which consists of their profile picture and all the blogs written by them, along with the visibility of the blogs

• Users can add a new blog by clicking the option on the navbar. Images can be embedded in the text editor easily (for now only through online url). Further the body can be very well customized by adding html tags and inline css if required

• Upon submitting the blog, initially it's visibility is private by default. The user can preview the blog before making it public. They can also edit, delete, like the blog. Number of likes is also shown below.

• In the search section, users can see all the public blogs in the descending order of their number of likes.

• Users can explore other's public blogs here and leave a like. This is how other blogs are visible to the user.

Contributions

All kinds of contributions are welcomed 😃. Feel free to reach out to me on my email! Contact Me