mateomh / TasklistTypescript

This repo is a tasklist built with React and Typescript with the intention of learning how to use the 2 technologies together

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

TASKLIST

This project is a tasklist application built using Typescript and React.

The objective of this project was to start getting my feet wet with Typescript on top React.

Built With

  • Typescript
  • React
  • react-beautiful-dnd

How to use it

It is very similar to the tasklist apps that you have seen a million times. You have a column for the todos and one for the completed. The difference is that this one uses the package beautiful-dnd to create draggable cards for the items and user interaction.

Setup Locally

To run the application locally you will need to follow several steps to make it work.

First, you have to check if you have nodejs installed on your machine. For this type the following command in your terminal:

node -v

If command not found shows as a response, then go to nodejs.org and follow the instructions to install it. After completing the installation the same command should show you a version number.

Then clone the repository into your local drive and open a terminal in the root folder of the project and install the necessary packages to make it work by running this command:

npm install

This will get the project ready to run. After this run the following command to start the development server on localhost:3000/ and wait for the browser to open:

npm start

If the browser does not open or you close it by accident, but the server is still running you can type localhost:3000/ in your address bar to get into the application again.

Authors

👤 Mateo mojica

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

📝 License

This project is MIT licensed.

About

This repo is a tasklist built with React and Typescript with the intention of learning how to use the 2 technologies together


Languages

Language:TypeScript 66.8%Language:CSS 19.5%Language:HTML 13.7%