https://github.com/jyotipm1999/assignment-webreinvent

Secure-user-management-dashboard
https://github.com/jyotipm1999/assignment-webreinvent

api axios reqres tailwindcss typrescript

Last synced: about 1 month ago
JSON representation

Secure-user-management-dashboard

• Host: GitHub
• URL: https://github.com/jyotipm1999/assignment-webreinvent
• Owner: JYOTIPM1999
• Created: 2024-04-06T12:50:23.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-04-07T10:03:23.000Z (about 2 years ago)
• Last Synced: 2025-03-04T14:49:21.389Z (about 1 year ago)
• Topics: api, axios, reqres, tailwindcss, typrescript
• Language: TypeScript
• Homepage: https://secure-um-dashboard.netlify.app/
• Size: 195 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          

# Secure-User-Management-Dashboard Assignment

This is a React-Typescript project to test user authenticationfor using ReqRes API. Technologies used to build this project are React.js,ReactDOM, Typescript, Tailwind-css.

## Various Screens

 - [Dashboard page(Secured)](https://secure-um-dashboard.netlify.app/)

 - [Signin page](https://secure-um-dashboard.netlify.app/signin)

 - [Signup page](https://secure-um-dashboard.netlify.app/signup)

## API Reference

## Glimps of the web app

#### Dashboard page

![Homepage](https://res.cloudinary.com/dehubjbqm/image/upload/v1712483316/Screenshot_2024-04-07_151502_dyhmtk.png)

#### Signup page

![success](https://res.cloudinary.com/dehubjbqm/image/upload/v1712483313/Screenshot_2024-04-07_151401_duzm85.png)

#### Signup page(Wrong Password)

![success](https://res.cloudinary.com/dehubjbqm/image/upload/v1712483313/Screenshot_2024-04-07_151425_ls9bwr.png)

#### Signup page(Wrong credentials)

![success](https://res.cloudinary.com/dehubjbqm/image/upload/v1712483313/Screenshot_2024-04-07_151437_wcvyfg.png)

#### Signin Page

![Fill Error](https://res.cloudinary.com/dehubjbqm/image/upload/v1712483313/Screenshot_2024-04-07_151158_swl0m0.png)

#### Signin Page(Wrong Password)

![Fill Error](https://res.cloudinary.com/dehubjbqm/image/upload/v1712483312/Screenshot_2024-04-07_151250_ihxppi.png)

#### Signin Page(Wrong Credentials)

![Fill Error](https://res.cloudinary.com/dehubjbqm/image/upload/v1712483312/Screenshot_2024-04-07_151307_lzsddl.png)

#### Responsiveness

![Fill Error](https://res.cloudinary.com/dehubjbqm/image/upload/v1712483315/Screenshot_2024-04-07_151533_rzeabn.png)

![Fill Error](https://res.cloudinary.com/dehubjbqm/image/upload/v1712483313/Screenshot_2024-04-07_151544_oo5mll.png)

![Fill Error](https://res.cloudinary.com/dehubjbqm/image/upload/v1712483313/Screenshot_2024-04-07_151553_uy7dnp.png)

![Fill Error](https://res.cloudinary.com/dehubjbqm/image/upload/v1712483314/Screenshot_2024-04-07_151629_wevbts.png)

## Features

- Users can try to authenticate using Reqres API.

- The form data is stored in a Redux and localstorage.

## Tech Stack

**Frontend:** Typescript, Tailwind Css, ReqRes, Axios, React-router-dom