vishvendratomar / ui-assignment

This project is a frontend application aimed at replicating the user interface (UI) of ChatGPT, including a login page and a chat interface. It serves as an assessment of frontend development skills in HTML, CSS, and JavaScript, with framework React.

ChatGPT UI Clone

Introduction

This project is a frontend application aimed at replicating the user interface (UI) of ChatGPT, including a login page and a chat interface. It serves as an assessment of frontend development skills in HTML, CSS, and JavaScript, with framework React.

Features

1. Login Page:

   • Simple and clean design with a logo, email input field, password input field, and a submit button.
   • Responsive to different screen sizes.
   • Sign up link for new users.

2. Chat Interface:

   • Header with logo and logout button.
   • Main chat area for messages.
   • Footer with text input field and send button.
   • Automatic reply from a model user after each user message.

3. Functionality:

   • Front-end validation for login form.
   • Typing and sending messages.
   • Automatic scrolling to the latest message.

4. Tech Stack:

   • React.js
   • Chakra UI
   • react-icons

5. Extra Features :

   • Form validation
     
   • Sending messages with the "Enter" key.
   • Responsive design enhancements.

Usage

1. Clone the repository:

   git clone https://github.com/VishvendraTomar/UI-Assignment
   

2. Navigate to the project directory:

   cd UI-Assignment
   

3. Install dependencies using npm install.

4. Start the development server using npm run dev.

Credits

This project was developed by [Vishvendra Tomar].