bruno-queiroz / tier-list

A quick way to rank your stuff

Home Page:https://tier-list-creator-bruno-queiroz.vercel.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Tier List Creator

This is a project inspired by the TierMaker website that I developed to learn new technologies and put on my portfolio.

How to start the project

  1. Clone the project
git clone https://github.com/bruno-queiroz/tier-list.git
  1. Install dependencies
npm install
  1. Create a .env file on the root of the project

  2. Copy the environment variable from the .env.example file to the .env file

  3. Create a free account on Imbb website

  4. Create an API key on imbb api

  5. Put the API key that you created on your .env file

  6. Run the project

npm run dev

Note

This project has also a backend, to see how to setup the backend click here


Screenshots

This is the Home Page

tier-list-home

This is the Create Tier List Page

create-tier-list

And this is how the Tier List works with drag events

tier-list-drag


About

A quick way to rank your stuff

https://tier-list-creator-bruno-queiroz.vercel.app/

License:MIT License


Languages

Language:TypeScript 98.5%Language:JavaScript 0.8%Language:HTML 0.6%Language:CSS 0.1%