developertariq/react-todo-app

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

Microverse README Template

📗 Table of Contents

• 📗 Table of Contents
• 📖 React Tutorial
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
  • 💻 Getting Started
    • Prerequisites
    • Setup
    • Install
    • Usage
    • Run tests
    • Deployment
  • 👥 Authors
  • 🔭 Future Features
  • 🤝 Contributing
  • ⭐️ Show your support
  • 🙏 Acknowledgments
  • 📝 License

📖 React Tutorial

React Tutorial is a educational project, where I am going to consolidate my knowledge about React, components, props, state, and hooks, by following the tutorial.

🛠 Built With

Tech Stack

Client

• HTML
• CSS
• React.js

Key Features

• Working with React form and handling event.
• Getting started with React lifecycle methods.
• Getting started with React hooks.

(back to top)

🚀 Live Demo

• Live Demo

(back to top)

💻 Getting Started

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

Prerequisites

1. Before you go ahead with this React tutorial, please make sure you have:

• Basic understanding of HTML and CSS.
• JavaScript fundamentals (object, array, conditionals etc).
• Familiarity with JavaScript ES6 features (class syntax, arrow functions, object destructuring etc).

2. Node and npm are installed. Here are the versions I'll be using while making this tutorial:

   $ node --version
   v16.13.2
   
   $ npm --version
   8.1.2

   Installing npm adds two commands to the system—npm and npx—both of which I'll be using while making this tutorial.

3. Git is installed. Here's the version I'll be using while making this tutorial:

   $ git --version
   git version 2.29.1.windows.1

4. A GitHub account.

Setup

Clone this repository to your desired folder:

  cd my-folder
  git clone https://github.com/developertariq/react-todo-app.git

Install

Install this project with:

  cd my-project
  npm install

Usage

To run the project, execute the following command:

  npm run start

Run tests

To run tests, run the following command:

  npm test

Deployment

You can deploy this project using:

(back to top)

👥 Authors

👤 Md Tariq-ul Islam

• GitHub: @developertariq
• LinkedIn: @developer-tariq
• Twitter: @developer_tariq

(back to top)

🔭 Future Features

• Routing with React Router.
• How to add hamburger menu in React.
• Deploying React app to GitHub Pages.

(back to top)

🤝 Contributing

If you spot any bugs or issues in this activity, you can open an issue with your proposed change.

(back to top)

⭐️ Show your support

If you like this project, please star the project.

(back to top)

🙏 Acknowledgments

I would like to thank Saba Ahmed.

(back to top)

📝 License

This project is MIT licensed.

(back to top)