karayamanemre / frontend-test

Qencode Authentication UI

This project is an implementation of the Qencode Authentication UI, designed with React and integrated with a mock authentication API. It showcases login, password reset, and setting a new password functionalities. The UI is built using Vite as the build tool, Tailwind CSS for styling, and Shadcn (sonner) for toast notifications.

Features

• Responsive Login Form
• Password Reset Flow
• New Password Setting Form
• Live form validation
• Toast notifications for feedback

Prerequisites

Before you begin, ensure you have Node.js installed on your machine.

Installation

1. Clone the repository:

git clone https://github.com/karayamanemre/frontend-test.git
cd frontend-test

2. Install the dependencies:

npm install

3. Start the development server:

npm run dev

This command runs the app in development mode. Open http://localhost:3000 to view it in the browser.

Building for Production

To build the app for production, run the following command:

npm run build

This command builds the app for production to the dist folder. It correctly bundles React in production mode and optimizes the build for the best performance.

Deployment

To deploy the app, you can use Vercel, Netlify, or any other static hosting service.

Live Demo

You can view a live demo of the project here.