https://github.com/nayandevlab/star_war_people_assignment

This project show a data of star war people and it's casting and use star war public api.This task prove my reactjs skill, testing, code standard etc...
https://github.com/nayandevlab/star_war_people_assignment

jest react react-testing-library tailwindcss testing

Last synced: 2 months ago
JSON representation

This project show a data of star war people and it's casting and use star war public api.This task prove my reactjs skill, testing, code standard etc...

• Host: GitHub
• URL: https://github.com/nayandevlab/star_war_people_assignment
• Owner: NayanDevLab
• Created: 2023-05-29T11:27:38.000Z (about 3 years ago)
• Default Branch: master
• Last Pushed: 2023-05-29T12:14:44.000Z (about 3 years ago)
• Last Synced: 2026-04-07T08:31:38.920Z (2 months ago)
• Topics: jest, react, react-testing-library, tailwindcss, testing
• Language: TypeScript
• Homepage: https://star-war-people.netlify.app/
• Size: 486 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Star War Peoples

## Introduction

This project show a data of star war people and it's casting and use star war public api.This task prove my reactjs skill, testing, code standard etc.

## Demo

- [https://star-war-people.netlify.app/](https://star-war-people.netlify.app/)

### Prerequisites

* [nodejs](https://nodejs.org/en/download/) for install require package with npm

### Technology 

- [ReactJs](https://react.dev/) The library for web and native user interfaces

- [Tailwind CSS](https://tailwindcss.com/) A utility-first CSS framework

- [fontawesome](https://fontawesome.com/v5/docs/web/use-with/react) The Internet's icon library and toolkit

- [@testing-library/jest-dom](https://testing-library.com/docs/ecosystem-jest-dom/) Testing Library

### How to use

Clone GitHub Repository on your PC

```bash

git clone https://github.com/nayanrdeveloper/star_war_people_assignment

```

```bash

cd star_war_people_assignment

```

```bash

npm install

```

```bash

npm start

```

### Test

```bash

npm test

```

### Screenshots

Home

![Home Page](screenshots/home_page_1.png)

Not record found

![Not record found](screenshots/record_not_showing_2.png)

Sorting Record (Click any header and sorting wise record show)

![Sorting Record](screenshots/sorting_name_3.png)

Error Warning

![Error Warning](screenshots/error_warning_4.png)