Skip to content

Conversation

@efebaslilar
Copy link
Contributor

Before creating this PR, please confirm the following:


First thing, PLEASE READ THIS: ReactPlay Code Review Checklist

Description

This PR adds a new play named "Simple Todo App".
It demonstrates the use of React fundamentals such as useState, props, and component composition.
Users can add, mark, and delete todos interactively.

This play is designed for beginners who want to understand how state and event handling work in React.

Fixes #


Type of change

  • New feature (non-breaking change which adds functionality)

How Has This Been Tested?

  • Verified the play runs successfully on localhost using yarn start
  • Tested add, complete, and delete task actions
  • No console errors or warnings observed
  • Checked UI responsiveness and basic styling

Checklist:

  • I have performed a self-review of my own code
  • I have commented my code where necessary
  • I have followed the folder and naming conventions for plays
  • My changes generate no new warnings
  • The play functions as expected locally
  • Added a proper README and play metadata

Screenshots or example output

Simple Todo App Screenshot


Play Details

Field Value
Name Simple Todo App
Language TypeScript
Style CSS
Level Beginner
Tags Hooks, useState, Props, Component, Todo

@netlify
Copy link

netlify bot commented Oct 14, 2025

Deploy Preview for reactplayio ready!

Name Link
🔨 Latest commit 19038fe
🔍 Latest deploy log https://app.netlify.com/projects/reactplayio/deploys/68fe1377c754220008cea343
😎 Deploy Preview https://deploy-preview-1620--reactplayio.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Copy link

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hey! contributor, thank you for opening a Pull Request 🎉.

@reactplay/maintainers will review your submission soon and give you helpful feedback. If you're interested in continuing your contributions to open source and want to be a part of a welcoming and fantastic community, we invite you to join our ReactPlay Discord Community.
Show your support by starring ⭐ this repository. Thank you and we appreciate your contribution to open source!
Stale Marking : After 30 days of inactivity this issue/PR will be marked as stale issue/PR and it will be closed and locked in 7 days if no further activity occurs.

@priyankarpal priyankarpal merged commit c8e80ce into reactplay:main Oct 26, 2025
5 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants