Skip to content

feat/style: Improve UI/UX of the main parts of the website#40

Merged
SeanSan06 merged 13 commits into
mainfrom
seansan06/feat/frontend
Jul 5, 2026
Merged

feat/style: Improve UI/UX of the main parts of the website#40
SeanSan06 merged 13 commits into
mainfrom
seansan06/feat/frontend

Conversation

@SeanSan06

@SeanSan06 SeanSan06 commented Jul 5, 2026

Copy link
Copy Markdown
Owner

Description

Updated the form page UI and UX: modernized styling (card layout, spacing, input/textarea focus states, circular “+” Add Section button), unified background color with the home page, and improved submit behavior so the button disables while submitting, backend errors surface as a visible error banner, and the resume preview only renders on success.

Type of Change

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

How to Test Changes

  • git checkout seansan06/feat/frontend
  • Option A — Full app (recommended):
    • docker compose up --build -d
  • Option B — Frontend only:
    • cd frontend
    • npm install
    • npm run dev
  • Open http://localhost:5173 and navigate to /form
  • Verify visuals (background matches home, cards, spacing, focus states, circular “+” Add Section)
  • Verify submit behavior: fill required fields, click Create Resume — button disables while submitting, visible error banner appears on backend failure, resume preview renders on success
  • If testing resume generation, ensure backend .env has a valid GROQ_API_KEY and restart: docker compose up --build

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 11 commits June 1, 2026 22:57
Just a UI change. The color, position, and functionality of the
"Add Section" button remain the same. The button is now a circle with a
"+" icon, making it more visually appealing and intuitive for users to
add new sections to their resume.
This is just a card with the basic fields for creating an account. No
functionality has been added yet, and the styling is not finished.
This makes sure that the sign up and log in page both use the same color
scheme and look consistent with each other.
The colors now match the rest of the site, and the content is organized
into cards. The "Go back home" link has been removed since the user can
just click the logo in the header to go back home.
This refactors the CSS code for all styling files.
@SeanSan06
SeanSan06 merged commit 1a3870e into main Jul 5, 2026
5 checks passed
@SeanSan06 SeanSan06 self-assigned this Jul 5, 2026
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