/blog-app

Primary LanguageJavaScript

BlogApp

It's built using React.js for the frontend and the backend is handled using Node.js and Express.

BlogApp.-.siiddhantt.mp4

Screenshots

2022-06-15_12-39 2022-06-15_12-39_1 2022-06-15_12-40 2022-06-15_12-40_1

Features

  • UI consists of a horizontal menu and on click of menu items, respective content opens.
  • Fetches the data from the blog-app-backend to display all the blogs and their contents.
  • It fetches the title, description, content, image-link and number of likes of a blog/post from the backend.
  • Functionality to add new blogs/posts using the AddPost component.
  • Fully responsive.
  • MongoDB is used for the database.

Frameworks used

  • React.js
  • Node.js
  • Express
  • Tailwind CSS
  • Material UI
  • MongoDB as the database

Installation

  • Fork the repository and clone it.
  • Node.js should be installed on the system.
  • After cloning the repository run command npm install.
  • Start the app using npm start command.

Note : You need to run the backend too for the app to function properly.

  • Backend can be found in the blog-app-backend repository.
  • Start the backend using `nodemon ./index.js'