Blog Application

The Blog Application is a website that operates as a blog, offering various features such as creating and deleting posts, liking and unliking posts, leaving and deleting comments on posts, user profiles, and more.

Built with

React JS
TailwindCSS
Redux Toolkit

Package dependencies

		"react": "^18.2.0",
		"formik": "^2.2.9",
		"yup": "^0.32.11",
		"react-select": "^5.7.0",
		"react-spinners": "^0.13.7",
		"react-dropzone": "^14.2.3",
		"react-moment": "^1.1.2",
		"styled-components": "^5.3.6",
		"@headlessui/react": "^1.7.5",

		"@heroicons/react": "^1.0.6",
		"@emotion/react": "^11.4.0",
		"react-redux": "^8.0.5",
		"@reduxjs/toolkit": "^1.9.1",

		"@testing-library/jest-dom": "^5.16.5",
		"@testing-library/react": "^13.4.0",
		"@testing-library/user-event": "^13.5.0",
		"axios": "^1.2.0",
		"react-dom": "^18.2.0",
		"react-router-dom": "^6.4.4",
		"react-scripts": "5.0.1",
		"web-vitals": "^2.1.4"

Environment Variables

NEXT_PUBLIC_API_KEY=

Installation

Clone the project

  git clone https://github.com/mrizkysolehudin/fe-blog-app my-project

Go to the project directory

  cd my-project

Install dependencies

  npm install

Start the project

  npm start

Screenshots

Register	Login

Home	Create Post

Posts	Profile

Upload Photo Profile	Send Message

Update Profile	Detail Post

Edit Post	Comment Post

Change Password

Author

💻 Muchammad Rizky Solehudin

Related Project

⚡Backend Blog App⚡

⚡Frontend Blog App⚡

⚡Live Demo⚡