User Information App

A web application that provide general to detail information about users in that registered.

Table of Contents

• Introduction
• Features
• Getting Started
  • Prerequisites
  • Installation
  • Running the Application
  • Running Tests
• Usage
  • Loggin In
  • Loggin Out
• Live Demo
• Contributing
• License

Introduction

The User information App is a React-based web application that provides general to detailed information like first name, last name and email that every registered user have.

Features

• Authentication (login, logout).
• Displaying list of registered users.
• More user informations when clicked it.
• Responsive design for different screen sizes.

Getting Started

Follow these steps to set up and run the this App on your local machine.

Prerequisites

Make sure you have the following software installed:

• Node.js (version 14 or higher)
• npm (Node Package Manager)

Installation

1. Clone this repository to your local machine: git clone https://github.com/kiwi-ui/crud-app.git
2. Navigate to the project directory: cd crud-app
3. Install the project dependencies: npm install

Running the Application

1. Start the development server: npm run start
2. Open your web browser and go to: http://localhost:3000

Running Tests

To run tests, use the following command: npm test

Usage

Logging In

To test the login functionality of the User Information App, follow these steps:

1. Open the Live Demo of the app.
2. You will be redirects to the login page (https://5watt.vercel.app/login).
3. On the login page, enter the following credentials:
   • Email: eve.holt@reqres.in
   • Password: cityslicka
4. Click the "Login" button.
5. If the provided credentials are correct, you will be redirected to the dashboard page.

Please note that this is a test environment, and the provided login credentials are for demonstration purposes only. No actual authentication or security measures are in place.

Logging Out

To log out of the app, you can follow these steps:

1. While on the dashboard page, click on the top-left corner icon in the navigation bar.
2. You will be logged out and redirected to the login page.

Live Demo

Check out the live demo of the User Information App: View Live Demo

Contributing

We welcome contributions from the community. To contribute:

1. Fork the repository.
2. Create a new branch: git checkout -b feature/your-feature-name
3. Make your changes and commit them: git commit -m "Add new feature"
4. Push to the branch: git push origin feature/your-feature-name
5. Submit a pull request.

License

This project is licensed under the MIT License.