saraivais / trump-cards

Trump Cards is a page where users can create their own custom Trump deck. This project was developed under the name Tryunfo during the Front-end module at Trybe

Home Page:https://trump-cards.vercel.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

TRUMP CARDS 🏆

image

https://trump-cards.vercel.app/

English 🇬🇧

Click to expand!

Description 📝

Trump Cards is a page where users can create their own custom Trump deck. This project was developed under the name Tryunfo during the Front-end module at Trybe in April, 2022.

Technologies and Tools 🔧

javascript-logo html-logo css-logo react-logo vercel-logo

Trump Cards was developed using JavaScript and the React library. The objective of this project was to put in practice creating component state, state updating and events using React syntax. Also, form creation using the JSX syntax extension and the transmission of information from component to component via props and state lifting.

Installation 📋

  1. Create a directory using the mkdir command:
  mkdir saraivais-projects
  1. Access the directory using the cd command and clone the repository:
  cd saraivais-projects
  git clone git@github.com:saraivais/trump-cards.git
  1. Access the project directory and install it's dependencies:
  cd trump-cards
  npm i
  1. Lastly, use the npm start command and access the project via browser, using the following url
  http://localhost:3000

You can find this project here!

Português 🇧🇷

Clique para expandir!

Descrição 📝

Trump Cards é uma página onde os usuários podem criar seu próprio baralho Trunfo personalizado. Este projeto foi desenvolvido sob o nome Tryunfo durante o módulo Front-end na Trybe em Abril de 2022.

Tecnologias e Ferramentas 🔧

javascript-logo html-logo css-logo react-logo vercel-logo

Trump Cards foi desenvolvido usando JavaScript e a biblioteca React. O objetivo deste projeto foi colocar em prática a criação de estado de componentes, atualização de estado e eventos utilizando a sintaxe React. Além disso, a criação de formulários usando a extensão de sintaxe JSX e a transmissão de informações de componente para componente via props e state lifting.

Instalação 📋

  1. Crie um diretório usando o comando mkdir:
  mkdir saraivais-projects
  1. Acesse o diretório usando o comando cd e clone o repositório:
  cd saraivais-projects
  git clone git@github.com:saraivais/trump-cards.git
  1. Acesse o diretório do projeto e instale suas dependências:
  cd trump-cards
  npm i
  1. Por fim, use o comando npm start e acesse o projeto via navegador, usando a seguinte url
  http://localhost:3000

Você pode encontrar este projeto aqui!

About

Trump Cards is a page where users can create their own custom Trump deck. This project was developed under the name Tryunfo during the Front-end module at Trybe

https://trump-cards.vercel.app/


Languages

Language:JavaScript 69.3%Language:CSS 22.0%Language:HTML 8.6%Language:Shell 0.1%