Skip to content

mjgargani/nodejs-typescript-vite-vitest-preact-tailwind-docker_user-roulette

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

89 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

User Roulette

thumbnail

🌐 https://roulette.gargani.dev/

latest-version action-check deploy-check

coverage-statements coverage-branches coverage-functions coverage-lines

Descrição / Description

Interface desenvolvida com Preact (Vite) + TypeScript (Saiba como), no ano de 2023. A aplicação é uma interface que consome e modela, recursos da API Random User Generator.

Interface developed with Preact (Vite) + TypeScript (Learn how), in the year 2023. The application is an interface that consumes and models, resources from the Random User Generator API.

✨ Também é utilizado Tailwind Css com PostCSS, o que ajuda muito na construção do layout (O que facilita a utilização do tailwind com builders, como o Vite).

Tailwind Css is also used with PostCSS, which helps a lot in building the layout (PostCSS makes it easier to using tailwind with builders such as Vite).

⭐ O projeto é publicado através do GitHub Pages. O CI/CD é feito com o apoio do GitHub Actions.

⭐ The project is published through GitHub Pages. CI/CD is powered by GitHub Actions.

Como rodar / How to run

⚠️ Necessita de um navegador web e do NodeJS. O projeto foi testado utilizando a versão 18.15.0.

⚠️ Requires a web browser and NodeJS. The project was tested using version 18.15.0.

npm i # Install the packages / Instale os pacotes
npm run dev # Run the `dev` script / Rode o script `dev`

Após a compilação ocorrer, use o navegador para acessar o endereço http://localhost:5173/.

After compilation takes place, use the browser to access the address http://localhost:5173/.

Rodar com o Docker / Run with Docker

⚠️ Necessita do Docker instalado no host para funcionar.

⚠️ Requires Docker installed on the host to work.

docker run -it --rm -v $(pwd):/app -p 5173:5173 node:18.15.0-alpine sh -c "npm --prefix=/app i && npm --prefix=/app run dev -- --host"

Após a compilação ocorrer, use o navegador para acessar o endereço http://localhost:5173/.

After compilation takes place, use the browser to access the address http://localhost:5173/.

Rodar a build com nginx (Docker-compose) / Run the build with nginx (Docker-compose)

Como rodar / How to run

⚠️ Necessita de um navegador web e do Docker instalado no host para funcionar.

⚠️ Requires a web browser and Docker installed on the host to work.

docker compose up -d --build

Após iniciar o container, use o navegador para acessar o endereço http://localhost:8080/.

After starting the container, use the browser to access the address http://localhost:8080/.

Como parar / How to stop

docker compose down

About

Front (`Preact` + `Tailwind`) para a API `Random User Generator` (Abr/23)

Topics

Resources

License

Stars

Watchers

Forks