magdalenarej / book-yoga-class

Book yoga class app 📅🧘‍♀️

An app for booking and adding yoga class created with ReactJS, Redux-toolkit and Ant-design.

Installation

Clone the repo and install

  cd book-yoga-class
  npm install

Install json-server

  npm install -g json-server

Run the server

  json-server db.json -m ./node_modules/json-server-auth --port 4000

Run the app in another terminal

  npm start

Tech Stack

Client:

• React
• Redux Toolkit
• Ant Design

Server:

• json-server
• json-server-auth

Features

• Login and registration with authentication
• User - student mode:
  • booking yoga class
  • cancelling booked class
  • displays all booked classes
• User - teacher mode:
  • adding new class
  • cancelling class
  • displays classes and list of students

Screenshots

Login

Registration

User login ➡️ Calendar view ➡️ booking class

Calendar with classes

Book and cancel booking

Booked classes

User can't book class if there is no free spot (button is disable)

Add new class by teacher

Classes with students list

User must be logged in to see calendar