https://github.com/codeslator/zemoga-frontend-demo

Front-end Technical Test for Zemoga
https://github.com/codeslator/zemoga-frontend-demo

Last synced: about 2 months ago
JSON representation

Front-end Technical Test for Zemoga

• Host: GitHub
• URL: https://github.com/codeslator/zemoga-frontend-demo
• Owner: codeslator
• Created: 2022-05-19T14:48:32.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-05-24T16:55:28.000Z (over 2 years ago)
• Last Synced: 2023-03-09T03:26:35.054Z (almost 2 years ago)
• Language: TypeScript
• Size: 3.17 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# zemoga-frontend-demo

Technical Test by Zemoga - @codeslator (Andres Melendez)

### NOTE: I wanted to make it bigger including maybe a litle basic authentication or a better SEO but today (24/05/2022) is the deadline, so I hope at least to have comply with the initial requirements.

### NOTE: Sadly I had problems configuring the test environment with Jest + Enzyme + TypeScript and PostCSS, an error appears when run the tests and jest transform css modules;

## Installation

### npm

```

npm install

```

## Run

```

npm run dev

```

## Features

- React + Vite + TypeScript

- Tailwind CSS

- UI Layout provided by help repo

- Persisted data in Redux Store

- Resposive Design (Mobile first)

## Dependencies 

- Redux Toolkit + React Redux -> To persist and handle data in a global store

- Date-fns -> To handle easily dates

- Tailwind + Flowbite -> Provide multiple classes to use in UI development; Flowbite is the UI Framework by Tailwind;

- Uuid -> To generate random ids

- React Swiper -> To swipe elements

- React Time Ago -> Component that provides last updates by time ago depending provide date.