Responsive Todo App using css react bootstrap

Community feedback

• 

  Yash Babani•1,260

  @Yashbabani0Posted 20 days ago

  The design is looking good, but here are a few improvements to match the intended style and optimize performance:

  Add a border-radius to the boxes for a smoother and more modern look.
  
  The h1 text ('TODO') should be white in both dark and light mode, as per the design specifications.
  
  Increase the width of the todo-display section to provide more space for tasks.
  
  Also, increase the width of filterTodos to improve usability and alignment.
  
  Store the background images locally instead of downloading them from the server on every reload. This will improve load times and reduce unnecessary network requests.
  

  These adjustments will ensure a better UI experience and faster performance!

  Marked as helpful

  0

  ---

  

  Awais Ahmed•180

  @its-awaisPosted 20 days ago

  @Yashbabani0 i'll chnage that thanks a lot, thanks for you contribution.about images, i stored in in my src folder inside the assets folder.

  1

  

  Yash Babani•1,260

  @Yashbabani0Posted 20 days ago

  @its-awais You're welcome! What I meant about storing images locally is that instead of just keeping them in the src/assets folder, you can store them in the user's local storage when they first load the website. That way, on future visits, the background images will load from local storage instead of being downloaded again. If the images are not found in local storage, then they can be downloaded and stored for future use. This will improve load times and reduce unnecessary network requests.

  0

  

  Awais Ahmed•180

  @its-awaisPosted 20 days ago

  @Yashbabani0 now i understand, thanks a lot

  1