Base ToDoMVC project

Skeleton code when starting the ToDoMVC tutorial.

Your job is to break down the code inside App.js into individual components and get all the features described in the spec to work.

If you're working on your React skills, ignore the folders labeled containers, actions, and reducers

Containers, actions, and reducers are related to Redux, an npm package used to handle state.

How to start the project

1. git clone https://github.com/connorbo97/ToDoMVC-React-Base.git
2. cd ToDoMVC-React-Base
3. npm install
4. npm run start
5. Wait for script to finish building project
6. Go to localhost:3000 in a browser of your choice

Folder structure

/src
    /app
        index.js
        /components
            App.js
            each js file inside /components should be a large component with its own state
                or simply an important part of App.js
            Blah.js
            /Blah
                this folder contains all components that help Blah do its job
                Header.js
                BlahButton.js
                etc
            Below is an example of how you could structure the todo list of the app
            ToDoList.js
            /ToDoList
                ToDo.js
                /ToDo
                    Checkbox.js
                    Title.js
                DeleteButton.js

You can structure it however you like, but this is how I would recommend doing so.

This project was bootstrapped with Create React App.