https://github.com/nkaleth/todolistreactjs

This project is for consolidate the knowledge about React, components, props, state, and hooks, by following a tutorial.
https://github.com/nkaleth/todolistreactjs

Last synced: 5 days ago
JSON representation

This project is for consolidate the knowledge about React, components, props, state, and hooks, by following a tutorial.

• Host: GitHub
• URL: https://github.com/nkaleth/todolistreactjs
• Owner: Nkaleth
• Created: 2023-02-20T15:36:19.000Z (over 1 year ago)
• Default Branch: dev
• Last Pushed: 2023-02-28T15:46:47.000Z (over 1 year ago)
• Last Synced: 2024-10-16T07:51:59.820Z (30 days ago)
• Language: JavaScript
• Size: 1.47 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        




  

  

  




# 📗 Table of Contents

- [📗 Table of Contents](#-table-of-contents)

- [📖 ToDoListReactJS ](#-ToDoListReactJS-)

  - [🛠 Built With ](#-built-with-)

    - [Tech Stack ](#tech-stack-)

    - [Key Features ](#key-features-)

  - [🚀 Live Demo ](#-live-demo-)

  - [💻 Getting Started ](#-getting-started-)

    - [Prerequisites](#prerequisites)

    - [Setup](#setup)

    - [Install](#install)

    - [Usage](#usage)

    - [Run tests](#run-tests)

    - [Deployment](#deployment)

  - [👥 Authors ](#-authors-)

  - [🔭 Future Features ](#-future-features-)

  - [🤝 Contributing ](#-contributing-)

  - [⭐️ Show your support ](#️-show-your-support-)

  - [🙏 Acknowledgments ](#-acknowledgments-)

  - [📝 License ](#-license-)

# 📖 ToDoListReactJS

> In this exercise, I will going to consolidate my knowledge about React, components, props, state, and hooks, by following a tutorial.

## 🛠 Built With 

### Tech Stack 

> This project uses the following stack :

  Client

  


    
HTML

    
CSS

     
JavaScript

     
ReactJs

  


### Key Features 

> Here are some key features of the application :

- **Learn how to use proper ES6 syntax.**

- **Use ES6 modules to write modular JavaScript.**

- **Follow Gitflow.**

- **Handle events in a React app.**

- **Use React life cycle methods.**

- **Understand the mechanism of lifting state up.**

(back to top)


## 🚀 Live Demo 

[Math Magicians](https://nkaleth.github.io/todolistReactJS/)

(back to top)


## 💻 Getting Started 

> Clone the repository by clicking on the 'Code' button and copy the link

To get a local copy up and running, follow these steps.

### Prerequisites

In order to run this project you need:

-visual studio

-github

### Setup

Clone this repository to your desired folder:

```sh

  mkdir my-folder

  cd my-folder

  git clone https://github.com/Nkaleth//Math-magicians.git

```

-

### Install

Install this project with:

```

  npm install

```

### Usage I

Change the main branch to the right one, execute the following command:

```sh

  git checkout todo_list

```

### Usage II

To run the project, execute the following command:

```sh

  npm start

```

### Run tests

To run tests, run the following command:

Example command:

To run the webhint linter

```sh

  npx hint .

```

To run the stylehint linter

```sh

  npx stylehint "**/*.{css,scss}"

```

To run the ESLint linter

```sh

  npx eslint "**/*.{js,jsx}" 

```

(back to top)


## 👥 Author 

👤 **Nilton Segura**

- GitHub: [@Nkaleth](https://github.com/Nkaleth)

- Twitter: [@NoeSeguraL](https://twitter.com/NoeSeguraL)

- LinkedIn: [LinkedIn](https://www.linkedin.com/in/nseguralu/)

(back to top)


## 🔭 Future Features 

- **Tests**

- **Deploy**

(back to top)


## 🤝 Contributing 

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

(back to top)


## ⭐️ Show your support 

If you like this project follow me and star it!

(back to top)


## 🙏 Acknowledgments 

I would like to thank Microverse


(back to top)


## 📝 License 

This project is [licensed](./MIT.md) .

(back to top)