Create a to-do list web app

[darshitac11]

Instructions for this issue:

1. Build a to-do list web app using Atri framework.

• This app should be responsive.
• You can pick any design.
• Follow the instructions provided here to create an Atri app.
• You can also refer this YouTube playlist

2. Write its backend using Python to:

• add or remove tasks
• strikethrough to indicate completion

3. Deploy your app using GitHub pages and Atri CLI. You can follow the steps here https://docs.atrilabs.com/deploy-app/deploy-ghpages

4. Submit a Pull Request (PR).

• Once your PR is merged, your app will be added to the made-with-atri folder.

[Soumyajit2825]

@darshitac11 i want to contribute in it.

[darshitac11]

@Soumyajit2825 - you can pick any design for the app and have as many functionalities as you like.

[Soumyajit2825]

is it a to-do-list web page or an app?

[darshitac11]

@Soumyajit2825 - It is a responsive web app.

Apologies for the lack of details.

[darshitac11]

@Soumyajit2825 - I have updated the description. Hope that helps!

[tenserebel]

Hello, can I help with this?

[darshitac11]

Yes, sure. Assigned the task to you.

Let us know if you need any help or have any questions.

[tenserebel]

Yes, sure. Assigned the task to you.

Let us know if you need any help or have any questions.

Yes, I have a question is there a way to dynamically create components such as textbox or checkbox when a button is clicked (through onclick)?

[darshitac11]

Yes - just how it works in other frameworks, you can add a textbox/checkbox inside a flexbox. Set "display = none" initially and from backend, set "display = flex" when a button is clicked.

Example code below:

if at.sign_up_button.onClick:
      at.sign_up_status_text.custom.text = "Thank you for signing up!"
      at.sign_up_status.styles.display = "flex"

Full code below:

https://github.com/Atri-Apps/atri-landing/blob/ce194c9a06edf19f3f4da41c9914b4a338a5c254/controllers/routes/main.py#L26-L28

[tenserebel]

hello, I am having issue with github page deploymet, but I have uploaded it on github, could you suggest a solution for this?

https://github.com/tenserebel/TrackDash---Using-Atri

[tenserebel]

Hello, any updates regarding the above mentioned query?

[cruxcode]

Hi @tenserebel, can you tell me which operating system you are using? To deploy to Github, you might have to use different commands in windows and macOS, especially, the commands to set an environment variable.

[tenserebel]

Hi @tenserebel, can you tell me which operating system you are using? To deploy to Github, you might have to use different commands in windows and macOS, especially, the commands to set an environment variable.

Hello, I am using windows, could you help me setting that up?

[cruxcode]

I am assuming you are using cmd in windows.

Build steps:

cd project_root
pipenv shell
set MODE=production
set ASSET_URL_PREFIX="/TrackDash---Using-Atri"
atri build ssg

Deploy steps:

set GIT_USER=tenserebel
atri deploy ssg --gh-pages

[tenserebel]

@cruxcode While trying to run atri build ssg, I am receiving this error.

[tenserebel]

Hello @cruxcode, Once I commented out this part of the code, it was able to work. On line number 98.

But, the deployed version doesn't work properly: https://tenserebel.github.io/TrackDash---Using-Atri/

[tenserebel]

Hello I have made a pr to close this issue. https://github.com/Atri-Labs/atrilabs-engine/pull/733

@cruxcode @darshitac11