MeetFlow 📅

Appointment scheduling platform with professional dashboards, calendar management, and booking workflows

Project Preview

Introduction

MeetFlow is a scheduling platform built for professionals and clients who need a structured appointment booking workflow. The application supports service management, availability control, appointment scheduling, and dashboard-based organization through a responsive React frontend.

The project is designed for users searching for a React scheduling platform, appointment booking system, professional dashboard application, or calendar management interface built with TypeScript and modern frontend tooling.

Video of the platform from the professional's perspective: Watch the Video Video of the platform from the client's perspective: Watch the Video

🛠️ Technologies Used

React: JavaScript library for building user interfaces.
TypeScript: A superset of JavaScript that adds static typing.
Vite: Fast build tool for modern web projects.
Tailwind CSS: Utility-first CSS framework for rapid development.
Styled Components: Library for styling React components using CSS-in-JS.
React Router DOM: Web application routing for React.
Zod: Library for data schema validation.
Shadcn-UI: Styled components for a visually appealing experience.
Sonner: Library for displaying notifications and toasts.
Dayjs: Library for date and time manipulation.
Tanstack/React-Query: State management and API call library.
Axios: Library for making HTTP requests.

⚙️ Project Configuration

ESLint: Standard settings to ensure coding best practices.
Prettier: Settings to maintain consistent code formatting.
EditorConfig: Configurations to ensure code style consistency across editors.

🤟 Key Features

🖥️ Responsive Interface: Enjoy a smooth experience on any device, be it desktop, tablet, or smartphone.
🎨 Light and Dark Themes: Choose between light and dark themes to personalize your experience according to your preferences.
📊 Professional Dashboard: Professionals have access to a complete dashboard where they can efficiently manage their services, availability, and appointments.
🗓️ Simple Scheduling: Scheduling a service has never been easier! With MeetFlow, you can book appointments in just a few clicks, selecting the time and available professional that suits you best.
🔒 Security and Reliability: We use the latest technologies and security practices to ensure user data protection.
☁️ Integration with Cloudflare: For efficient and secure image management.
🔑 Integration with Google: For user authentication and synchronization with Google Calendar.

🚀 How to Install and Run the Project

Clone this repository using the command:

git clone https://github.com/renansouz/MeetFlow-OBC.git

Navigate to the project directory:
```
cd MeetFlow-OBC
```
Install the dependencies using npm:
```
npm install
```
After installing the dependencies, start the development server:
```
npm run dev
```
Open your browser and go to http://localhost:5173 to see MeetFlow in action!

Collaborators 🤝🤝

Photo	Name
	Miquéias Martins
	Renan Souza
	Wesley Ribas