Skip to content

A simple blog project built with React.js, Redux, RTK Query, React Router, and Tailwind CSS. The project uses JSON Server as a mock API for data, allowing users to create, list, update, and delete blog posts.

Notifications You must be signed in to change notification settings

diina-gh/react-blog

Repository files navigation

Tech Chronicles

A simple blog project built with React.js, Redux, RTK Query, React Router, and Tailwind CSS. The project uses JSON Server as a mock API for data, allowing users to create, list, update, and delete blog posts.

Project image

Table of Contents

Features

  • User-friendly interface for creating, updating, and deleting blog posts.
  • Seamless data fetching with RTK Query hooks.
  • Responsive design.
  • Categories data are also managed through the API.

Demo

Check out the live demo https://react-blog-mocha.vercel.app/.

Getting Started

To run the project locally, follow these steps:

  1. Clone the repository:
git clone https://github.com/diina-gh/react-blog.git
cd react-blog
  1. Install dependencies:
npm install
  1. Install JSON Server globaly:
npm install -g json-server
  1. Start the development server:
npm run start:dev

Open your browser and go to http://localhost:3000 to view the app.

Technologies Used

  1. React.js with TypeScript
  2. Redux and RTK Query for state management
  3. React Router for navigation
  4. Tailwind CSS for styling
  5. JSON Server as the mock API

Contributing

Contributions are welcome! If you find any issues or have suggestions for improvements, please create a pull request or open an issue.

Authors

Seydina GUEYE - Initial work

About

A simple blog project built with React.js, Redux, RTK Query, React Router, and Tailwind CSS. The project uses JSON Server as a mock API for data, allowing users to create, list, update, and delete blog posts.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published