Skip to content

style: Improve Website UI/UX#38

Merged
SeanSan06 merged 15 commits into
mainfrom
seansan06/feature/frontend
May 7, 2026
Merged

style: Improve Website UI/UX#38
SeanSan06 merged 15 commits into
mainfrom
seansan06/feature/frontend

Conversation

@SeanSan06
Copy link
Copy Markdown
Owner

@SeanSan06 SeanSan06 commented May 5, 2026

Description

  • Add animation for home page's hero area upon website loading up
  • Apply underlines for each h2 in the footer area
  • Implement UI for login page
  • Update the layout for the stats area
  • Update the UI for the pop up for changing themes and add icons to each theme
  • Add favicon for website

Type of Change

  • New feature
  • Bug fix
  • Refactor
  • CI/CD update
  • Test
  • Other (please explain):

How to Test Changes

  • Go into the front end folder
  • Run npm run dev
  • Ensure that features listed above are actually updated in the website
  • Check that UX interactions as described in the discretion also work

Checklist/Sanity Checking

  • I have run linting
  • I have run the build locally
  • I have tested my changes
  • I have updated documentation/comments if needed
  • I have updated the README if needed

SeanSan06 added 4 commits May 5, 2026 13:15
This is just for UI purposes. The heading "The Method's Moto" is not
underlined because it is the main heading of the footer and does not
contain links.
The title and caption now appear letter by letter in about 650ms upon
the website reloading. This effect is for the home page's hero area.
Remove the unsued jsx and CSS code for the old sign up and log in
buttons. Refactors code for organization and readability. Also, updates
the imports for App.jsx so the new LoginPage component is imported and
used in the routing.
SeanSan06 added 6 commits May 5, 2026 14:17
These icons will be used in the drop down for changing the theme of the
website.
The stats section is more streamlined and organized. The code is also
cleaner and more maintainable. The CSS has been updated to reflect the
new design and layout of the stats section. Overall, this refactor
improves the user experience and aims to makes the codebase easier to
work with in the future.
This ensures we are transparent with our users about the source of the
data. This also shows that we do not keep track of user data and make it
public unless they are okay with it.
@SeanSan06 SeanSan06 changed the title style: Improve Home Page UI/UX style: Improve Website UI/UX May 7, 2026
SeanSan06 added 5 commits May 6, 2026 23:33
Upon clicking get started the user will see a link to make an account.
If they already have one they can put in their credentials and log in.
There is also a spot for "Remeber me" and "Forgot password?" but those
are not functional yet.
Adds a basic logo/favicon for The Method website is in the browser's
tab.
Before the FAQ compoenent did not have the right importants so it did
not render. Now it is fixed and the page is styled properly.
@SeanSan06 SeanSan06 merged commit c045603 into main May 7, 2026
3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant