Skip to content

Conversation

@kolesnikova-dev
Copy link
Collaborator

@kolesnikova-dev kolesnikova-dev commented Oct 16, 2024

Description

This code adds Material UI components throughout the app. Some of the previous custom styling is removed for simplicity. However, some of custom styling is still added, such as border color, font size and color changes.
The following Material components have been added:

  • Box;
  • Paper;
  • Card and related;
  • Grid;
  • Tooltip;
  • Typography;
  • List;
  • ListItem and related.

Additionally this code proposes some changes to some of input labels and placeholders. Changes aim to make such prompts more friendly and descriptive.

Tests are updated to reflect changes made in labels and placeholders.

Related Issue

Closes #14

Type of Changes

enhancement

Updates

Before

Home:
Screenshot 2024-10-16 171638

List:
Screenshot 2024-10-16 171643

ManageList:
Screenshot 2024-10-16 171648

After

Home:
Screenshot 2024-10-18 081828

List:
Empty list:
Screenshot 2024-10-18 081950
List with items:
Screenshot 2024-10-18 081834
List with items with AddItems visible:
Screenshot 2024-10-18 081843

ManageList:
Screenshot 2024-10-18 081849

Testing Steps / QA Criteria

color

@github-actions
Copy link

github-actions bot commented Oct 16, 2024

Visit the preview URL for this PR (updated for commit d6e08d8):

https://tcl-75-smart-shopping-list--pr75-nk-add-mui-throughou-uby9t9bt.web.app

(expires Fri, 25 Oct 2024 12:18:52 GMT)

🔥 via Firebase Hosting GitHub Action 🌎

Sign: 1f1fd53c369e1fa31e15c310aa075b4e8f4f8dde

@kolesnikova-dev kolesnikova-dev changed the title Nk add mui throughout app [ISSUE 14] - Add Material UI throughout app Oct 16, 2024
@kolesnikova-dev kolesnikova-dev added enhancement New feature or request help wanted Extra attention is needed labels Oct 16, 2024
@kolesnikova-dev kolesnikova-dev marked this pull request as ready for review October 18, 2024 12:24
Copy link
Collaborator

@granolagabrielle granolagabrielle left a comment

Choose a reason for hiding this comment

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

@kweeuhree this one also looks good to me. Tested locally and everything works.

The preview link didn't work again, but I'm not sure why.

@deeheber
Copy link
Member

Hey friends, it's been a while! 👋🏻

Gonna close this PR to keep my github queue of PRs to review clear. Hope y'all are doing well!

@deeheber deeheber closed this Sep 22, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement New feature or request help wanted Extra attention is needed

Projects

None yet

Development

Successfully merging this pull request may close these issues.

14. As a user, I want the app to look professional and welcoming

5 participants