diegosfc100 / kanban-board

πŸ—“ Kanban board built with React.js

Home Page:https://board-kanban.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Logo-Netflix
Kanban Board

This project is just a learning example simple kanban-board.

GitHub top language GitHub language count Repository size GitHub last commit Repository issues GitHub

print

Demo on Netlify

πŸ”¨ Features

[βœ”] Add tasks to the list;

[βœ”] Update already added tasks;

[βœ”] Delete unwanted tasks;

[βœ”] Move tasks between lists;

πŸš€ Main concepts explored

  • Introduction to JSX;
  • React components;
  • Styled components;
  • React Hooks;
  • State Management;
  • State and Props;
  • Conditional Rendering;
  • Events;
  • Rendering Lists;

ℹ️ How to use

To clone and run this application, you'll need Git, Node.js v10.16 or higher + Yarn v1.13 or higher installed on your computer. From your command line:

# Clone this repository
$ git clone https://github.com/diegosfc100/kanban-board.git

# Go into the repository
$ cd kanban-board

# Install dependencies
$ yarn install

# Run the app
$ yarn start

🀝 Contributing

PRs are welcome:

  • Fork this project.
  • Setup it:
    yarn
    yarn start
    
  • Make your change.
  • Please add yourself to the contributors table (we use all contributors for that, we you will need that installed first):
    yarn contributors:add
    
  • Open the PR.

πŸ“ License

This project is under the MIT license. See the LICENSE for more information.


Made with β™₯ by Diego Rodrigues. πŸ‘‹ Get in touch!

About

πŸ—“ Kanban board built with React.js

https://board-kanban.netlify.app/

License:MIT License


Languages

Language:JavaScript 64.6%Language:CSS 19.4%Language:HTML 16.0%