Syed Store Authentication Flow

This project implements the authentication flow for Syed Store using various modern technologies including Formik for form validation and UI, ShadCN UI with Tailwind CSS for the UI design, and Redux RTK Query for state management.

Demo

Check out the live application: Syed Store Auth Flow

.env (its public project every one can explore no issue)

VITE_API_URL = https://api.escuelajs.co/api/v1/

Features

• Authentication Flow: Login and Signup functionality for users.
• Formik: Used for form validation and managing form state.
• ShadCN UI: Provides a sleek and modern UI design.
• Tailwind CSS: Utility-first CSS framework for responsive design.
• Redux RTK Query: For efficient state management and API handling.
• Responsive Design: The app is fully responsive and optimized for mobile and desktop views.

Technologies Used

• React.js: Frontend framework for building the UI.
• Formik: Form handling and validation.
• ShadCN UI: UI component library for quick and easy UI development.
• Tailwind CSS: Styling and layout framework.
• Redux Toolkit: For managing global state with RTK Query for API interaction.
• Netlify: Hosting platform for deployment.

Acknowledgements

• Formik for handling form validation.
• ShadCN UI for beautiful UI components.
• Tailwind CSS for utility-first CSS framework.
• Redux Toolkit for managing global state.

Installation

To get started with the project, clone the repository and install the dependencies:

git clone <repo-url>
cd <project-directory>
npm install
npm run dev