Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/christianjtr/football-squad

Test concept that contains a simple layout to try out a basic react component composition by using technologies such as Vite and Tailwindcss.
https://github.com/christianjtr/football-squad

demo frontend javascipt javascript react react-components tailwindcss typescript vite vitejs

Last synced: 6 days ago
JSON representation

Test concept that contains a simple layout to try out a basic react component composition by using technologies such as Vite and Tailwindcss.

Awesome Lists containing this project

README

        

# Football squad stats

### Comments

This is a conceptual test aimed at trying out technologies such as:

- React (TypeScript).
- [Vite](https://vitejs.dev/)
- [Tailwindcss](https://tailwindcss.com/)
- [daisyUI](https://daisyui.com/)

### Installation and running the project

The project requires [Node.js](https://nodejs.org/) and [Yarn](https://yarnpkg.com/) to run.

Clone the repository:

```shell
git clone https://github.com/christianjtr/football-squad.git
```

### Demo

#### Full width mode

![](full-width-demo.gif)

#### Responsive mode

![](responsive-demo.gif)

### Live Demo

Click on the following link (Github page project):

https://christianjtr.github.io/football-squad

### Compiles and hot-reloads for development

```
yarn dev
```

### Compiles and minifies for production

```
yarn build
```

### Lints and fixes files

```
yarn lint
yarn lint:fix
```

### Technologies

React, TypeScript, Tailwindcss, daisyUI, Vite.