# نوبت 724 (Nobat724)

**نوبت 724** is an appointment booking platform built using **Next.js** and **React**. This project is designed to facilitate appointment scheduling—especially for clinics and healthcare providers—with support for Persian calendar, maps, responsive UI components, and beautiful animations.

## 🚀 Tech Stack

- **Framework:** Next.js
- **Language:** JavaScript / React
- **UI Libraries:** MUI (Material-UI), Styled-Components, Emotion
- **Date Handling:** Day.js, Date-fns, Jalali-Moment
- **Calendar:** Jalaali React Date Picker
- **Maps:** MapTiler SDK, Google Map Picker
- **Forms & Uploads:** React Toastify, React Images Uploading
- **Animations:** AOS (Animate on Scroll)
- **Charts & Pickers:** @mui/x-charts, @mui/x-date-pickers
- **Styling:** Tailwind CSS, Emotion, Styled-Components
- **RTL Support:** Stylis Plugin RTL

## 📦 Installation

```bash
# Clone the repo
git clone https://github.com/your-username/nobat724.git
cd nobat724

# Install dependencies
npm install
```

## 🛠 Available Scripts

```bash
npm run dev
```

Runs the app in development mode. Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

```bash
npm run build
```

Builds the app for production.

```bash
npm start
```

Starts the production server after building.

```bash
npm run lint
```

Checks the code for linting issues.

## ⚙️ Environment Variables

Create a `.env` file in the root directory with the following variables:

```
REACT_APP_API_URL=https://back-dev.clinic-pro.ir
REACT_APP_CLIENT_ID=NWuujdYHjtAtrhrk_zoWB3w0kyf56wRCOaY36MIqvbs
REACT_APP_CLIENT_SECRET=trhrk_zoWB3w0kyf
```

## 🌐 Features

- ✅ Responsive design using MUI and Tailwind
- 🗕 Persian (Jalali) date picker
- 🟠 Map location picker with MapTiler and Google Maps
- 🔒 Cookie management with `universal-cookie`
- 📸 Image uploading support
- 🌙 Dark mode support using `next-themes`
- 🌍 Right-to-left (RTL) support for Persian language

## 📁 Project Structure

```
nobat724/
├── pages/             # Next.js pages
├── components/        # React components
├── styles/            # Global styles and Tailwind config
├── public/            # Static assets
├── utils/             # Utility functions
└── ...
```

## 🗕 Roadmap

- [ ] Multi-language support
- [ ] Admin panel for managing appointments
- [ ] Role-based access
- [ ] Notifications and reminders

## 📜 License

This project is private or under your preferred license.

---

> Developed with ❤️ by the Nobat724 team.

