Modern-Blog-Website-React-Redux-TailWind Tailwind Templates

Modern Blog Website React Redux Tailwind

This is a blog website built using React, Redux, Tailwind CSS, Axios, React Icons, and Express.js. It allows users to create, read, update, and delete blog posts.

React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

Modern Blog Website React + Redux + TailWind

This is a blog website built using React, Redux, Tailwind CSS, Axios, React Icons, and Express.js. It allows users to create, read, update, and delete blog posts.

Features

  • User Authentication: Users can sign up, log in, and log out securely.

  • CRUD Operations: Create, read, update, and delete blog posts.

  • Responsive Design: The website is designed to be responsive and accessible on various devices.

  • Redux State Management: Redux is used for managing application state, ensuring efficient data flow.

  • API Integration: Axios is used for making HTTP requests to interact with the backend Express.js server.

  • Styling with Tailwind CSS: Tailwind CSS is utilized for fast and responsive styling.

  • Iconography: React Icons library provides a wide range of icons for enhanced user interface.

Technologies Used

  • React: A JavaScript library for building user interfaces.

  • Redux: A predictable state container for managing application state.

  • Tailwind CSS: A utility-first CSS framework for creating custom designs.

  • Axios: A promise-based HTTP client for making requests to the server.

  • React Icons: A library providing a collection of icons for React applications.

  • Express.js: A web application framework for Node.js used for building the backend server.

Installation

Clone the repository: git clone https://github.com/SumitSharma2000/Modern-Blog-Website-React-Redux-TailWind.git

Navigate to the project directory: cd react-redux-blog

Install dependencies: npm install

Start the development server: npm start

Open your browser and visit http://localhost:3000 to view the website.

Usage

  • Sign Up: Create a new user account by providing your email and password.

  • Log In: Log in to your existing account with your credentials.

  • Create Post: Write and publish new blog posts.

  • Edit/Delete Post: Edit or delete your existing blog posts.

  • Log Out: Securely log out of your account.

Contributing

Contributions are welcome! Feel free to fork the repository and submit pull requests with your enhancements or bug fixes.

Top categories

Loading Svelte Themes