Skip to content

frontend of MeetFlow, a scheduling platform for professionals and users, developed during the OneBitCode Hackathon. MeetFlow simplifies the appointment booking process, making it more efficient for both service providers and clients.

Notifications You must be signed in to change notification settings

renansouz/MeetFlow-OBC

Repository files navigation

MeetFlow - Imgur

🚀 MeetFlow - Simplify Your Scheduling 📅

Welcome to MeetFlow - the revolution in online scheduling! Discover how to streamline your appointments quickly, intuitively, and fully customized.

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

  1. Clone this repository using the command:
    git clone https://github.com/renansouz/MeetFlow-OBC.git
  2. Navigate to the project directory:
    cd MeetFlow-OBC
  3. Install the dependencies using npm:
    npm install
  4. After installing the dependencies, start the development server:
    npm run dev
  5. Open your browser and go to http://localhost:5173 to see MeetFlow in action!

Collaborators 🤝🤝

Photo Name
Miquéias Martins
Renan Souza
Wesley Ribas

About

frontend of MeetFlow, a scheduling platform for professionals and users, developed during the OneBitCode Hackathon. MeetFlow simplifies the appointment booking process, making it more efficient for both service providers and clients.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •  

Languages