🌟 Xflow

Welcome to Xflow! 🚀 This project is a modern, scalable, and user-friendly UI built with the latest technologies. Dive in and get started with ease! 🧠✨

---

🛠️ Technologies Used

• React ⚛️: A JavaScript library for building user interfaces.
• TypeScript 🟦: A strongly typed programming language that builds on JavaScript.
• Vite ⚡: A fast and modern build tool for web projects.
• Tailwind CSS 🎨: A utility-first CSS framework for rapid UI development.
• Zustand 🐻: A small, fast, and scalable state management library.
• Formik 📋: A library for building forms in React.
• React Router 🛤️: Declarative routing for React applications.
• React Icons 🎉: Popular icons for React projects.
• Yup ✅: A schema builder for value parsing and validation.

---

🚀 Getting Started

Follow these steps to set up and run the project locally:

1️⃣ Prerequisites

Ensure you have the following installed:

• Node.js (>= 16.0.0) 🟢
• pnpm (>= 7.0.0) 📦

Install pnpm globally if you don't have it:

npm install -g pnpm

2️⃣ Setting Up the Project

1. Clone the repository:

   git clone <repository-url>
   cd <repository-folder>

2. Install dependencies:

   pnpm install

3. Start the development server:

   pnpm dev

4. Open your browser and navigate to http://localhost:5173 to view the app.

3️⃣ Creating a New Vite React Project

If you want to create a new Vite React project from scratch:

1. Run the following command:

   pnpm create vite@latest my-vite-app --template react

2. Navigate to the project folder:

   cd my-vite-app

3. Install dependencies:

   pnpm install

4. Start the development server:

   pnpm dev

5. Open your browser and navigate to http://localhost:5173 to view the app.