https://github.com/juliecherner/pixel-perfect

Frontend page example
https://github.com/juliecherner/pixel-perfect

mui react react-hooks redux saga sass sass-mixins typescript

Last synced: 15 days ago
JSON representation

Frontend page example

• Host: GitHub
• URL: https://github.com/juliecherner/pixel-perfect
• Owner: juliecherner
• Created: 2023-01-26T14:23:36.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-02-08T13:42:51.000Z (almost 2 years ago)
• Last Synced: 2024-10-10T15:21:50.147Z (about 1 month ago)
• Topics: mui, react, react-hooks, redux, saga, sass, sass-mixins, typescript
• Language: SCSS
• Homepage: https://contracts-list.netlify.app/
• Size: 473 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Homaze frontend pixel perfect assignment

Requirements of assignment:

- React, React hooks

- Redux

- Pixel perfect work using Figma

- Responsivity for desktop, mobile

- Get data from mock API (JSON is provided)

- Search is executed with 2 letter in the input minimum

## Init

```

cp .env.example .env

```

Technologies used:

- React with Typescript, React Hooks

- Redux, Redux Saga

- Figma

- SCSS

- @media query for 3 screens (mobile, tablet, desktop)

- JSON from mock API - [Beeceptor](https://homaze-list.free.beeceptor.com) with GET request

Added extra:

- Loader

- Error alert message (with option to try to load again or close)

Checkout UI on [Netlify](https://contracts-list.netlify.app/)