Bubblify

Bubblify is a web application designed for a bubble company that allows users to browse and purchase bubble products and bundles. The application provides a seamless shopping experience, including product details, a shopping cart, and an order history feature.

Features

• Product Browsing: Users can view a list of bubble products with details such as name, description, price, and image.
• Bundles: Users can explore special bundle deals that include multiple products at a discounted price.
• Shopping Cart: Users can add products to their cart, update quantities, and remove items.
• Checkout Process: A multi-step checkout process allows users to select delivery or pickup options and enter their contact information.
• Order History: Users can view their past orders by entering their phone number.
• Responsive Design: The application is designed to be mobile-friendly and responsive.

Technologies Used

• React: A JavaScript library for building user interfaces.
• TypeScript: A typed superset of JavaScript that compiles to plain JavaScript.
• Material-UI: A popular React UI framework for building responsive and accessible components.
• Axios: A promise-based HTTP client for making API requests.
• React Router: A library for routing in React applications.
• Yup: A JavaScript schema builder for value parsing and validation.

Installation

To get started with Bubblify, follow these steps:

1. Clone the repository:

   git clone https://github.com/milosptr/bubblify.git
   cd bubblify/web

2. Install dependencies:

   npm install

3. Run the application:

   npm run dev

   The application will be available at http://localhost:3000.

Available Scripts

In the project directory, you can run the following commands:

• Development: Start the development server.

  npm run dev

• Build: Build the application for production.

  npm run build

• Lint: Run ESLint to check for code quality issues.

  npm run lint

• Prettier: Format the code using Prettier.

  npm run prettier

• Format: Format the code and write changes.

  npm run format

• Preview: Preview the production build.

  npm run preview

License

This project is licensed under the MIT License. See the LICENSE file for details.