نوبت 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

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

# Install dependencies
npm install

🛠 Available Scripts

npm run dev

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

npm run build

Builds the app for production.

npm start

Starts the production server after building.

npm run lint

Checks the code for linting issues.

⚙️ Environment Variables

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

NEXT_PUBLIC_API_URL=https://back-dev.clinic-pro.ir
NEXT_PUBLIC_CLIENT_ID=NWuujdYHjtAtrhrk_zoWB3w0kyf56wRCOaY36MIqvbs
NEXT_PUBLIC_CLIENT_SECRET=trhrk_zoWB3w0kyf
NODE_ENV=development # or production

Note: In Next.js, environment variables that need to be accessible in the browser must be prefixed with NEXT_PUBLIC_. Variables without this prefix are only available on the server side.

🌐 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.