Squad 50's Marvel Homepage UI Revamp #145
Open
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Feature UI revamp Navbar
…s. Implements routes to discovery page.
#3) # Description Implements alignment for the navbar content and fixes text sizes for the buttons and titles. Ticket: ## Type of change - [ ] Bug fix (non-breaking change which fixes an issue) # How Has This Been Tested? Ran locally. 
# Description Implemented UI Revamp for Home Page (Gradient Background, Welcome Banner, Tabs Button, Search Bar, Tool Cardsand Tool Page) and NavBar (Changing the SideMenu to a NavBar). ## Type of change Please delete options that are not relevant. - [ ] New feature (non-breaking change which adds functionality) # How Has This Been Tested? Ran locally. <img width="1470" alt="Home Page" src="https://github.com/user-attachments/assets/72b7cb92-805f-446f-8092-345b9dccbab3"> <img width="1470" alt="FlashCards from YouTube Page" src="https://github.com/user-attachments/assets/ef57a651-9458-4fd5-a819-62ade6a2eb51"> <img width="1470" alt="FlashCards from YouTube Result Page" src="https://github.com/user-attachments/assets/d7509bd3-b3c9-4f1c-a82f-4f87871822f9">  <img width="1470" alt="Multiple Choice Quiz Result Page" src="https://github.com/user-attachments/assets/19d3c95a-41a8-4398-883e-f9bee79750cb">
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Description
We've revamped a majority of the UI to match those of the Marvel UI Revamp figma designs. Much of the changes were solely focused on the Navbar, Homepage, and the ToolPage. Chat Screens & Discovery Page Screen's have been left as is to prevent conflict issues, and allow merging with other teammates branches that have handled those features.
Hosted link: https://ui-revamp.web.app/
Screenshots of the UI-revamps:
Type of change