Skip to content

gabrielogregorio/valorant-tips

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Valorant tips

Next JS Vercel TypeScript TailwindCSS Testing-Library cypress Storybook

Codacy Badge Codacy Badge

issues open issues closed PR's open PR's closed

Introduction this project

This project was developed using NextJs, Typescript and api is available at vavatips-backend.

Access Valorant tips or storybook

Badges

GitHub stars GitHub last commit GitHub contributors GitHub language count GitHub repo size statements branchs functions lines Codacy Badge

Run Project for development

  1. Fully start the backend, available in the vavatips backend repository.
  2. With the backend working, create an .env file, based on the .env.example file.

Contributing with project

Read Contributing.md

Available scripts

Run

# Install full dependencies
yarn

# Ignore storybook dependencies, but resolve in lockfile.
yarn install --ignore-optional
# Run in develop mode
# Open in http://localhost:3000
yarn dev

## Run in production mode
yarn build
yarn start

# Run storybook in localhost:6006
yarn run storybook

Tests

# Tests with react testing library and cypress(e2e)
yarn test
yarn cypress

# Tests in watch mode and coverage
yarn test:watch-all
yarn test:watch-all:coverage

Deploy

# Deploy storybook to github pages
yarn run deploy-storybook-gh-pages

Generics

# Check typescript, eslint, unit tests, integration tests, update badges, e2e tests and audit production
yarn dev
yarn check-all

# Prettier fix all
yarn prettier --write .

# Audit dependencies
yarn audit --groups "dependencies"

# Check libs not used
npx depcheck

# Uprade packages
yarn upgrade-interactive --latest

Vscode extensions for this project

Extension Description Author
Eslint For linting code Microsoft
Prettier - Code formatter For beautifully formate code Prettier
Prettier Eslint Integration prettier and eslint Rebecca Vest
Stylelint For lint in styles Stylelint
Gitignore For use .gitignore CodeZombie
EditorConfig for VS code For basics formatter in code EditorConfig
Tailwind CSS IntelliSense For highlight and autocomplete tailwind Tailwind Labs
TODO Highlight v2 For highlight FIXME: and TODO: Jonathan Clark