feat(ui): integrate login/signup routes, dynamic titles, and navbar links #1

Merged

blakeridgway merged 1 commit from feat/auth_rework into main

2025-09-09 13:43:15 +00:00

blakeridgway commented

2025-09-09 13:43:08 +00:00

Owner

This PR delivers several front-end enhancements to the RideAware Vue.js app:

Navigation integration
- Updated Home.vue to use <router-link> for Login and Sign Up routes
- Removed manual navigation methods in favor of Vue Router links
Dynamic page titles
- Added meta.title to Home, Login, and Sign Up routes
- Implemented router.afterEach hook to set document.title based on route meta
Login flow enhancements
- In UserLogin.vue:
  • Added loginSuccess state and success styling
  • Button shows green “Success! Redirecting…” state on successful login
  • Store user data + simple auth token in local/session storage
  • Redirect to homepage (/) after delay
  • Updated API call to http://localhost:5000/auth/login
Cleanups
- Removed obsolete LoggedinPage.vue
- Trimmed commented sections from Home.vue and login.css header

These updates unify the navigation structure, improve user feedback on login, and ensure the browser tab title matches the current view.

This PR delivers several front-end enhancements to the RideAware Vue.js app: 1. Navigation integration - Updated `Home.vue` to use `<router-link>` for Login and Sign Up routes - Removed manual navigation methods in favor of Vue Router links 2. Dynamic page titles - Added `meta.title` to Home, Login, and Sign Up routes - Implemented `router.afterEach` hook to set `document.title` based on route meta 3. Login flow enhancements - In `UserLogin.vue`: • Added `loginSuccess` state and success styling • Button shows green “Success! Redirecting…” state on successful login • Store user data + simple auth token in local/session storage • Redirect to homepage (`/`) after delay • Updated API call to `http://localhost:5000/auth/login` 4. Cleanups - Removed obsolete `LoggedinPage.vue` - Trimmed commented sections from `Home.vue` and `login.css` header These updates unify the navigation structure, improve user feedback on login, and ensure the browser tab title matches the current view.

blakeridgway added 1 commit 2025-09-09 13:43:09 +00:00

feat(ui): integrate login/signup into navbar, enhance login flow, and set dynamic titles aa8dad9809

- Removed outdated comments and unused <LoggedinPage> component

- Cleaned up login.css header comment

- Updated Home.vue navigation to use <router-link> for Login/Sign Up

- Enhanced UserLogin.vue:

• Added loginSuccess state, success styling, and green “Success! Redirecting” feedback

• Redirect to homepage (/) after sign-in

• Persist user data & simple auth token in local/session storage

• Updated API call URL to /auth/login

- Added route definitions for /signup in router

- Added meta.title to Home/Login/Sign Up routes and global afterEach hook to update document.title

- Simplified unused methods and cleaned up commented code in Home.vue