https://github.com/berserker95/nutri-app-booking

Simple nutrition consultation booking app built with Angular 20, TypeScript, and Tailwind CSS. Allows users to book appointments with multiple visit types (office/online consultations, follow-ups, sports nutrition), form validation with Zod, and responsive design. Clean booking interface with calendar selection and appointment confirmation.
https://github.com/berserker95/nutri-app-booking

angular angular20 cdk jasmine karma lucide-angular lucide-icons rxjs scss tailwindcss typescript zod zod-validation

Last synced: 3 months ago
JSON representation

Simple nutrition consultation booking app built with Angular 20, TypeScript, and Tailwind CSS. Allows users to book appointments with multiple visit types (office/online consultations, follow-ups, sports nutrition), form validation with Zod, and responsive design. Clean booking interface with calendar selection and appointment confirmation.

• Host: GitHub
• URL: https://github.com/berserker95/nutri-app-booking
• Owner: berserker95
• License: mit
• Created: 2025-08-26T12:27:29.000Z (11 months ago)
• Default Branch: master
• Last Pushed: 2025-08-29T14:49:43.000Z (11 months ago)
• Last Synced: 2025-09-07T03:10:25.253Z (10 months ago)
• Topics: angular, angular20, cdk, jasmine, karma, lucide-angular, lucide-icons, rxjs, scss, tailwindcss, typescript, zod, zod-validation
• Language: TypeScript
• Homepage:
• Size: 326 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# 🥗 NutriAppBooking

> Simple nutrition consultation booking app built with modern web technologies

[![Angular](https://img.shields.io/badge/Angular-20-DD0031?style=for-the-badge&logo=angular)](https://angular.io/)

[![TypeScript](https://img.shields.io/badge/TypeScript-5.0+-3178C6?style=for-the-badge&logo=typescript)](https://www.typescriptlang.org/)

[![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-3.0+-06B6D4?style=for-the-badge&logo=tailwind-css)](https://tailwindcss.com/)

[![Zod](https://img.shields.io/badge/Zod-Validation-FF6B6B?style=for-the-badge)](https://zod.dev/)

## 📋 Overview

NutriAppBooking is a streamlined booking application that allows users to easily schedule nutrition consultations. Built with Angular 20 and styled with Tailwind CSS, it provides a clean and intuitive interface for appointment booking.

## ✨ Features

- 📅 **Easy Booking** - Simple appointment scheduling interface

- 🏥 **Multiple Visit Types** - Office visits, online consultations, follow-ups, and sports nutrition

- 📱 **Responsive Design** - Works perfectly on desktop, tablet, and mobile

- ✅ **Form Validation** - Robust validation using Zod schemas

- 🎨 **Modern UI** - Clean design with Tailwind CSS

- ⚡ **Fast Performance** - Built with Angular 20 for optimal speed

## 🛠️ Tech Stack

| Technology | Purpose |

|------------|---------|

| ![Angular](https://img.shields.io/badge/-Angular-DD0031?style=flat&logo=angular) | Frontend framework |

| ![TypeScript](https://img.shields.io/badge/-TypeScript-3178C6?style=flat&logo=typescript) | Type safety |

| ![Tailwind](https://img.shields.io/badge/-Tailwind_CSS-06B6D4?style=flat&logo=tailwind-css) | Styling |

| ![Zod](https://img.shields.io/badge/-Zod-FF6B6B?style=flat) | Schema validation |

| ![RxJS](https://img.shields.io/badge/-RxJS-B7178C?style=flat&logo=reactivex) | Reactive programming |

## 🚀 Getting Started

### Prerequisites

- Node.js 18+ 

- npm or yarn

- Angular CLI

### Installation

```bash

# Clone the repository

git clone https://github.com/yourusername/nutriappbooking.git

# Navigate to project directory

cd nutriappbooking

# Install dependencies

npm install

# Start development server

ng serve

```

Open [http://localhost:4200](http://localhost:4200) to view it in the browser.

## 🎯 Visit Types

| Type | Icon | Description |

|------|------|-------------|

| **Office Visit** | 🏥 | In-person consultation at the clinic |

| **Online Visit** | 💻 | Remote consultation via video call |

| **Follow-up** | 📋 | Periodic check-up appointment |

| **Sports Nutrition** | 🏃‍♂️ | Specialized consultation for athletes |

## 🧪 Available Scripts

```bash

# Development server

npm start

# Build for production

npm run build

# Run tests

npm test

# Lint code

npm run lint

# Format code

npm run format

```

## 🤝 Contributing

1. Fork the repository

2. Create your feature branch (`git checkout -b feature/amazing-feature`)

3. Commit your changes (`git commit -m 'Add some amazing feature'`)

4. Push to the branch (`git push origin feature/amazing-feature`)

5. Open a Pull Request

## 📄 License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.

## 👨‍💻 Author

**Your Name**

- GitHub: [@berserker95](https://github.com/berserker95)

- LinkedIn: [Giovanni Albano](https://linkedin.com/in/giovannialbano1995)

---



  
Made with ❤️ for better nutrition consultation booking

  
⭐ Star this repo if you find it helpful!