Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- Host: GitHub
- URL: https://github.com/christianjtr/football-squad
- Owner: christianjtr
- Created: 2021-11-07T17:24:51.000Z (about 3 years ago)
- Default Branch: master
- Last Pushed: 2024-03-15T12:28:34.000Z (8 months ago)
- Last Synced: 2024-03-15T13:49:39.269Z (8 months ago)
- Topics: demo, frontend, javascipt, javascript, react, react-components, tailwindcss, typescript, vite, vitejs
- Language: TypeScript
- Homepage:
- Size: 14.5 MB
- Stars: 5
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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.