WDD 430: Web Full-Stack Development

Assignment: React Introduction

Overview

The objective of the assignment activity is to provide a hands-on experience building a basic React application as an introduction to React concepts.

Instructions

Set up your workspace

1. Create a new project folder on your computer (give it a descriptive name like "react-todo-list").
2. Open this folder in VS Code.
3. Initialize a Git repository in your project folder right away. This will track your changes and allow you to easily revert to earlier versions if needed. Use the command git init in your terminal.

Build the todo list application

1. Follow along with the tutorial at ▶️ Learn React With This One Project - by Web Dev Simplified
2. Code along with the tutorial, pause to experiment, and try to understand why things work the way they do.

Capture your success

1. Once your to-do list is working, add at least two items to your list.
2. Take a screenshot of your application running in your browser with those items displayed. You will be submitting this image.

Publish the project

1. Publish this project to a public repository on GitHub (don't mix it with other projects).

Submission

Submit a document in Canvas that contains the following items:

1. The project URL from your public GitHub account.
2. The screenshot image of your locally working application.