An open API service indexing awesome lists of open source software.

https://github.com/fredh2o/postify

Practice with Tanstack
https://github.com/fredh2o/postify

basic js react tanstack-react-query

Last synced: 3 months ago
JSON representation

Practice with Tanstack

Awesome Lists containing this project

README

          

# Postify - A React + Vite Blog App

Postify is a minimal yet powerful blog application built with React and Vite. It supports basic CRUD operations using TanStack Query, JSONPlaceholder, and Axios, making it an excellent project for learning modern React development with efficient data fetching.

## Features

- 🚀 **React 19 + Vite** for fast development and hot module replacement
- ⚡ **TanStack Query** for optimized API calls and caching
- 🌐 **JSONPlaceholder API** for fetching and managing mock blog data
- 🔄 **CRUD Operations**: Create, Read, Update, and Delete posts
- 🎨 **Tailwind CSS** for sleek and responsive styling
- ✅ **ESLint + Prettier** for clean and consistent code

## Setup & Installation

### Prerequisites

Ensure you have the following installed:

- [Node.js](https://nodejs.org/) (LTS recommended)
- [Git](https://git-scm.com/)

### Getting Started

1. **Clone the repository**

```sh
git clone https://github.com/FredH2O/postify.git
cd postify
```

2. **Install dependencies**

```sh
npm install
```

3. **Start the development server**

```sh
npm run dev
```

4. **Build for production**

```sh
npm run build
```

5. **Preview production build**
```sh
npm run preview
```

## Tech Stack

- **Frontend:** React 19, Vite, Tailwind CSS
- **State Management & API:** TanStack Query, Axios
- **Linting & Formatting:** ESLint, Prettier