https://github.com/sebastiandg7/tf-react-coding-test

React coding test - Use of Nx workspaces, hooks, ref forwarding, lazy loading, dynamic redux modules, formik, yup, react-input-mask
https://github.com/sebastiandg7/tf-react-coding-test

axios fakerjs formik nx nx-workspaces react react-hooks react-hooks-project react-input-mask redux redux-dynamic-modules styled-components tsx typescript yup

Last synced: 14 days ago
JSON representation

React coding test - Use of Nx workspaces, hooks, ref forwarding, lazy loading, dynamic redux modules, formik, yup, react-input-mask

• Host: GitHub
• URL: https://github.com/sebastiandg7/tf-react-coding-test
• Owner: sebastiandg7
• Created: 2020-03-16T19:30:59.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-11-12T01:56:47.000Z (about 1 year ago)
• Last Synced: 2024-10-11T04:46:57.089Z (about 1 month ago)
• Topics: axios, fakerjs, formik, nx, nx-workspaces, react, react-hooks, react-hooks-project, react-input-mask, redux, redux-dynamic-modules, styled-components, tsx, typescript, yup
• Language: TypeScript
• Homepage: https://sebastiandg7.github.io/tf-react-coding-test
• Size: 1.39 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md

Awesome Lists containing this project

README

        
# Welcome to tf-react-coding-test 👋

![Version](https://img.shields.io/badge/version-0.1.1-blue.svg?cacheSeconds=2592000)

[![Documentation](https://img.shields.io/badge/documentation-yes-brightgreen.svg)](https://github.com/sebastiandg7/tf-react-coding-test/blob/master/README.md)

[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](#)

[![Twitter: sebastiandg7](https://img.shields.io/twitter/follow/sebastiandg7.svg?style=social)](https://twitter.com/sebastiandg7)

> react coding challenge

### 🏠 [Homepage](https://github.com/sebastiandg7/tf-react-coding-test)

### ✨ [Demo](https://sebastiandg7.github.io/tf-react-coding-test/) - Also hosted in [surge.sh](http://sdg-tf-react-coding-test.surge.sh) (over HTTP, API calls will work)

## Usage

### Install

```sh

npm install

```

### Serve

```sh

npm start react-coding-test

```

### Dependency graph

```sh

npm run dep-graph

```

## Used libs & techniques

- **[Nx](https://nx.dev/):** workspace & dev tools

- **[standard-version](https://github.com/conventional-changelog/standard-version):** automatic versioning & changelog generation

- **[Lazy loading](https://reactjs.org/docs/code-splitting.html#reactlazy):** lazy load application features

- **[Redux Dynamic Modules](https://redux-dynamic-modules.js.org/):** modular Redux state management loaded on demand

- **[Faker.js](https://github.com/marak/Faker.js):** fake data generation

- **[Formik](https://jaredpalmer.com/formik):** forms handling

- **[Yup](https://github.com/jquense/yup):** data validation

- **[destyle.css](https://nicolas-cusan.github.io/destyle.css):** CSS reset

## Workspace setup

You can find all the generated code script under [`./tools/workspace-setup.sh`](/tools/workspace-setup.sh) (suitable for worksapce architecture replication)

## Author

👤 **Sebastián Duque Gutiérrez**

- Twitter: [@sebastiandg7](https://twitter.com/sebastiandg7)

- Github: [@sebastiandg7](https://github.com/sebastiandg7)

- LinkedIn: [@sebastianduqueg](https://linkedin.com/in/sebastianduqueg)

## 🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check [issues page](https://github.com/sebastiandg7/tf-react-coding-test/issues).

## Show your support

Give a ⭐️ if this project helped you!

---

_This README was generated with ❤️ by [readme-md-generator](https://github.com/kefranabg/readme-md-generator)_