Styl AI Frontend

Styl-AI Frontend is a cutting-edge project merging skincare and fashion expertise with the capabilities of AI-driven chatbots. This interactive platform serves as a personalized advisor, offering tailored recommendations and guidance in skincare routines and fashion choices

Overview

The Styl AI Frontend is the user-facing component of the Styl AI project. It provides an intuitive interface for users to interact with the backend services that answer's user's queries regarding skincare and fashion. This frontend application is built with modern web technologies to ensure a seamless and responsive user experience.

DEMO

https://www.awesomescreenshot.com/video/28453006?key=1cd774411dcbecae0ac17f9555e2ee1a

Features

• User Authentication: Secure user login and registration functionality.
• Style Selection: Browse and select from various predefined artistic styles.
• Result Preview: Immediate preview of the styled products and AI response.
• History: Access a history of processed images for easy comparison and download.

Technologies Used

• React: A JavaScript library for building user interfaces.
• Redux-Toolkit: State management for predictable state changes..
• Axios: Promise-based HTTP client for making API requests.
• Styled-Components: CSS-in-JS for styling React components.
• React Router: Declarative routing for React applications.
• Formik: Form management and validation.
• Material UI: frontend designing for building advanced UI elements.

Getting Started

Prerequisites

Before you begin, ensure you have the following installed:

• Node.js (v14.x or later)
• npm (v6.x or later) or yarn (v1.22.x or later)

Installation

1. Clone the repository:

   git clone https://github.com/Styl-AI/styl-ai-frontend.git
   cd styl-ai-frontend
   

2. Install dependencies::

   npm install
   

3. Start the development server::

   npm start
   
   

Contributing

We welcome contributions to improve the Styl AI Frontend. To contribute, follow these steps:

• Fork the repository.
• Create a new branch (git checkout -b feature/YourFeature).
• Make your changes.
• Commit your changes (git commit -m 'Add some feature').
• Push to the branch (git push origin feature/YourFeature).
• Open a pull request.

Please make sure your code adheres to our coding standards and includes appropriate tests.

License This project is licensed under the MIT License.

Contact For any inquiries, please reach out to us at jagroopofficial29@gmail.com.

Thank you for using Styl AI! We hope you enjoy the experience.