Skip to content

This is a Blog Post App using React and Redux, integrating features to display a list of blog posts, allowing users to view post details, add new posts, edit existing posts, and delete posts, a ’Like’ functionality, enabling users to express their preferences for specific blog posts.

Notifications You must be signed in to change notification settings

SArora12/Blogify

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 

Repository files navigation

Blog Post App with React and Redux

Welcome to the "Blog App"! This is a simple web application built using React and Redux that allows users to create, view, edit, delete, and like blog posts. This README will guide you through the setup and usage of this application.

Surge Link

common-rub.surge.sh

Table of Contents

  1. Getting Started
  2. Installation
  3. Usage
  4. Application Structure
  5. Technologies Used

Getting Started

Before you can use the "Blog Post App," you'll need to set up your development environment. Make sure you have the following prerequisites installed:

Installation

  1. Clone the repository to your local machine:
git clone <repository_url>
  1. Navigate to the project directory:
cd react-blogapp
  1. Install the project dependencies using npm:
npm install

Usage

Now that you have the project set up, you can start using the "Blog App" by following these steps:

  1. Start the development server:
npm start
  1. Open your web browser and go to http://localhost:3000 to access the application.

  2. You will see the list of blog posts displayed on the homepage.

  3. To add a new blog post, click on the "Add Post" button and fill in the required information.

  4. To edit an existing blog post, click on the "Edit" button next to the post and make the desired changes.

  5. To delete a blog post, click on the "Delete" button next to the post.

  6. To like a blog post, click on the "Like" button.

Application Structure

The application's source code is organized as follows:

  • src/components: Contains React components used to build the user interface.
  • src/actions: Contains Redux action creators.
  • src/reducers: Contains Redux reducers.
  • src/store: Configures the Redux store.
  • src/App.js: The main application component.
  • src/index.js: The entry point of the application.

Technologies Used

The "Blog App" is built using the following technologies:

  • React: A JavaScript library for building user interfaces.
  • Redux: A predictable state container for managing application data.
  • HTML and CSS: For structuring and styling the user interface.
  • Node.js: A JavaScript runtime for server-side development.
  • npm: The Node.js package manager for installing and managing project dependencies.

About

This is a Blog Post App using React and Redux, integrating features to display a list of blog posts, allowing users to view post details, add new posts, edit existing posts, and delete posts, a ’Like’ functionality, enabling users to express their preferences for specific blog posts.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published