Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: improve responsiveness for mobile screens and update styles #1996

Open
wants to merge 5 commits into
base: main
Choose a base branch
from

Conversation

yemanth-sai-kumar-1
Copy link

@yemanth-sai-kumar-1 yemanth-sai-kumar-1 commented May 15, 2024

Updated Todo application:

Checkbox State Persistence

Previously, the checkbox state (checked or unchecked) was not being saved to local storage, resulting in the loss of the checked state upon page refresh. This pull request fixes this issue by updating the addTask function to include the checked property in the task object and ensuring that the checkbox state is saved to and loaded from local storage.

Neat Alignment and Styles 🎨

This pull request also includes styling improvements for better alignment and appearance of tasks in the to-do list. The checkbox, description, link, and delete button are now neatly aligned within each task item, enhancing the overall user experience.

Changes Made 🛠️

  • Added README.md file containing project documentation.
  • Updated the addTask function to include the checked property in the task object.
  • Implemented logic to save and load checkbox state to and from local storage.
  • Applied CSS styles to achieve neat alignment and appearance of task items.

Testing Done ✔️

  • Tested the functionality of saving and loading checkbox state using local storage.
  • Verified that tasks are displayed with improved alignment and styling.

📷 Screenshots

Screenshot 1

Screenshot 2

improve responsiveness for mobile screens and update styles for main website :

Before :

Screenshot_2024-05-21-17-09-57-82

Screenshot_2024-05-21-17-10-25-56

After :

Screenshot_2024-05-21-17-11-08-46

Screenshot_2024-05-21-17-11-36-62

Copy link

netlify bot commented May 15, 2024

Deploy Preview for frontendprojects ready!

Name Link
🔨 Latest commit a9c102e
🔍 Latest deploy log https://app.netlify.com/sites/frontendprojects/deploys/664c8606134881000803ba03
😎 Deploy Preview https://deploy-preview-1996--frontendprojects.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 site configuration.

@yemanth-sai-kumar-1 yemanth-sai-kumar-1 changed the title updated the styles and created README file fix: improve responsiveness for mobile screens and update styles May 21, 2024
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.

1 participant