Todo List App

This project is a simple Todo List application built with React. It was created as part of the Northwestern University DISC Fall Workshop Series 2024, Workshop 4: Introduction to JavaScript, React, and JSX.

You can find the relevant workshop content at our fall 2024 workshop series website!

Workshop created & led by 2024 - 2025 technical leads: Amy Liao & Ethan Pined

Features

• Add and manage todo items
• Mark todos as complete
• Toggle between light and dark mode
• Responsive design for various screen sizes

Getting Started

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

1. Clone the repository

   git clone https://github.com/<organization-name>/workshop-4-example-code.git
   

2. Navigate to the project directory

   cd workshop-4-example-code
   

3. Install NPM packages

   npm install
   

4. Start the development server

   npm start
   

Available Scripts

In the project directory, you can run:

npm start

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

npm test

Launches the test runner in interactive watch mode.

npm run build

Builds the app for production to the build folder.

npm run deploy

Builds the app and deploys it to GitHub Pages.

Deployment

This app is set up to deploy to GitHub Pages. To deploy your changes:

1. Ensure your changes are committed and pushed to the solution branch.
2. Run the following command:

   npm run deploy
   

3. The app will be built and deployed to the gh-pages branch.
4. Your app will be live at https://<organization-name>.github.io/workshop-4-example-code

Learn More

To learn more about React, check out the React documentation.

Contributing

This project is part of an educational workshop series. If you have suggestions or find bugs, please open an issue in the GitHub repository.

Acknowledgments

• Northwestern University DISC
• Create React App
• GitHub Pages