To-Do List Tutorial

Overview

Dev Environment Set Up

In order to propertly work with this repo you will need the following installed on your computer:

Node, Git, Create React App

I use VS Code as my IDE.

Getting Started with GitHub

For those of you unfamiliar with GitHub, here is a helpful [link] (https://docs.github.com/en/get-started/quickstart) on getting started. Hello World, Setting Up Git, and Fork a Repo are most relevant to this project.

Getting Started with This Repo

Once everything is set up, fork and clone this repo.

To download dependencies:

$ npm install

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

Learn More about NPM Scripts and the Package JSON

An intro to NPM Scripts is here. The docs are located here.

This project is set up with Create React App

The React Docs give a pretty good explaination as to why Create React App is a great tool for setting up a React App in a learning environment. https://reactjs.org/docs/create-a-new-react-app.html#:~:text=Flexible%20Toolchains.-,Create%20React%20App,-Create%20React%20App

You might also like...

This Repository consist of Daily learning JS, Assignments, coding challenge, projects, references, tutorial

This Repository consist of Daily learning JS, Assignments, coding challenge, projects, references, tutorial

💛 A Tour of JavaScript This Repository consist of Daily learning, Assignments, coding challenge, projects, references, tutorial. 👩‍💻 👨‍💻 alert(

Sep 7, 2022

Youtube Tutorial Project for creating a developer portfolio website.

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev

Nov 29, 2022

🛠️⚡ Step-by-step tutorial to build a modern JavaScript stack.

JavaScript Stack from Scratch Welcome to my modern JavaScript stack tutorial: JavaScript Stack from Scratch. 🎉 This is the V2 of the tutorial, major

Jan 4, 2023

Tutorial building UI5 applications with TypeScript.

Tutorial building UI5 applications with TypeScript.

ui5-typescript-tutorial - Learn App Development in UI5 and TypeScript Overview This brief (~1-2-hours) tutorial introduces developers to UI5 applicati

Nov 21, 2022

GitHub Actions Tutorial

GitHub Actions Tutorial This is a brief intro of how to use GitHub Actions for a frontend (static S3) and a backend (lambda). If you want to learn mor

Mar 4, 2022

A solidity tutorial repo.

Advanced Sample Hardhat Project This project demonstrates an advanced Hardhat use case, integrating other tools commonly used alongside Hardhat in the

Apr 13, 2022

A prototype snap for injecting gas fee prices into a confirmation window that also serves as the basis for a 5-minute Snaps tutorial

A prototype snap for injecting gas fee prices into a confirmation window that also serves as the basis for a 5-minute Snaps tutorial

@Montoya/gas-fee-snap A simple Snap example based on @MetaMask/template-snap. Read below for a tutorial! Prerequisites Before you begin, make sure you

Dec 8, 2022

Full source-code for the step-by-step tutorial on how to use Phaser + Colyseus together.

Phaser: Real-time Multiplayer with Colyseus Full source-code for the step-by-step tutorial on how to use Phaser + Colyseus together. Live Demo See ste

Dec 24, 2022

A quick ERC-20 tutorial with testing, fuzzing and more.

ERC-20-tutorial A quick ERC-20 tutorial with testing, fuzzing and more. Our Approach This tutorial will help you learn web3 with three principles in m

Jul 5, 2022
Owner
null
This project is about Leaderboard list app, that allows users to add score to the list and refresh the list.

Leaderboard This project is about Leaderboard list app, that allows users to add score to the list and refresh the list. Built With JavaScript HTML CS

Mihreteab Misganaw 3 Dec 19, 2021
This "To-do-list" app is a simple web application that displays a list of task and allows you to add and remove task from that list. it is built with the latest technology namely; JavaScript with webpack Configuration.

To-do-list "To-do-list" is a simple web application that displays a list of task and allows you to add and remove task from that list. Built With HTML

Aniekan udo 10 Nov 21, 2022
This "To-do-list" app is a simple web application that displays a list of task and allows you to add and remove task from that list

This "To-do-list" app is a simple web application that displays a list of task and allows you to add and remove task from that list. it is built with the latest technology including but not limited to HTML, CSS, JavaScript and webpack to manipulate DOM.

Jerry Owusu 2 Feb 19, 2022
"To Do List" is a minimalist project that displays a list of task and allows you to add and remove task from that list. Built with JavaScript

To Do List Structure Solo programming project for module 2 week 2 of the Microverse Program. Live Demo Live Demo Link "To Do List" is a minimalist pro

Yersel Hurtado 7 Mar 5, 2022
TODO List is a simple website that displays a list of todo and allows you to add and remove todo from that list.

Todo TODO List is a simple website that displays a list of todo and allows you to add and remove todo from that list. App Screenshot Live Demo Todo Ap

Ishmael Kargbo 3 May 12, 2022
To-Do List project is the application for a to-do list, users can add and remove tasks from the to-do list. Mark tasks as completed.

To Do App To-Do List project is the application for a to-do list, users can add and remove tasks from the to-do list. Mark tasks as completed. Users c

Ishpaul Singh 6 Jul 21, 2022
An interactive git visualization and tutorial. Aspiring students of git can use this app to educate and challenge themselves towards mastery of git!

LearnGitBranching LearnGitBranching is a git repository visualizer, sandbox, and a series of educational tutorials and challenges. Its primary purpose

Peter Cottle 26.4k Jan 3, 2023
Modern JavaScript Tutorial

The Modern JavaScript Tutorial This repository hosts the English content of the Modern JavaScript Tutorial, published in https://javascript.info. Tran

The Modern JavaScript Tutorial 19.7k Jan 4, 2023
Github Repository for the resources shown in my 8 JavaScript Pro Tips Tutorial in Youtube

Part 1 - JavaScript Pro Tips - Learn with Sumit Table of Contents How to run Contact How to run Different lessons taught in the Youtube Tutorial are o

Learn with Sumit 28 Dec 28, 2022
The code base for the tutorial on how to use the TypingDNA Verify API

TypingDNA-Verify-API-Tutorial The code base for the tutorial on how to use the TypingDNA Verify API Resources TypingDNA Website TypingDNA Verify Docs

Tim Ruscica 21 Oct 6, 2022