PeCrio / react-redux-bookstore

A simple bookstore management app built with the MERN stack with Redux for state management, TailwindCSS for design system, see below docs for features and more tools used.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

MERN CRUD Redux Tailwind Bookstore App

A simple bookstore management app built with the MERN stack with Redux for state management, TailwindCSS for design system, see below docs for features and more tools used.

Quick Start

Create a "/config" folder in the root directory, then add your MONGO_URI to a "default.json" file in that folder.

# Install dependencies for server
npm run server-install

# Install dependencies for client
npm run client-install

# Run the client & server with concurrently
npm run dev

# Run the Express server only
npm run server

# Run the React client only
npm run client

# Server runs on http://localhost:5000 and client on http://localhost:3000

Features

  • Create a book record
  • Get a single book from records (Read)
  • Get all books from records (Read)
  • Update a book record
  • Delete a book record

Tools

  • React
  • react-redux
  • react-router
  • config
  • mongoose
  • expressJS
  • NodeJS
  • axios
  • formik
  • sweetalert2
  • TailwindCSS
  • nodemon
  • concurrently
  • redux-thunk
  • postcss
  • autoprefixer

Core Principles

  • CRUD
  • React Hooks
  • ES6
  • Redux
  • MongoDB
  • REST API

App Info

Author

Precious OSSAI PeCrio

About

A simple bookstore management app built with the MERN stack with Redux for state management, TailwindCSS for design system, see below docs for features and more tools used.


Languages

Language:CSS 97.1%Language:JavaScript 2.9%Language:HTML 0.1%