Skip to content

feat: release v1.0.0 - versión estable inicial sin UserSwitcher#8

Merged
bry4nbe merged 1 commit into
developfrom
release/v1.0.0
Oct 8, 2025
Merged

feat: release v1.0.0 - versión estable inicial sin UserSwitcher#8
bry4nbe merged 1 commit into
developfrom
release/v1.0.0

Conversation

@bry4nbe

@bry4nbe bry4nbe commented Oct 8, 2025

Copy link
Copy Markdown
Collaborator

This pull request introduces a new global authentication composable and refactors all dashboard pages to use dynamic user data instead of hardcoded values. It also improves the robustness and reactivity of the dashboard charts by decoupling chart data from Chart.js instances, adding better error handling, and making the UI responsive to user changes. Additionally, the authentication API now validates passwords on login.

Authentication and User State Management:

  • Introduced a new useAuth composable in src/composables/useAuth.js to manage global user authentication state, provide login/logout functionality, and expose reactive user properties for use across the app.
  • Refactored dashboard pages (dashboard.vue, dashboard-student.vue, dashboard-basic.vue) to use useAuth for retrieving the current user and displaying dynamic user information such as name and plan, replacing all hardcoded user data. [1] [2] [3] [4] [5] [6] [7] [8] [9]

Chart Data and Dashboard Improvements:

  • Decoupled chart data from Chart.js instances by introducing a reactive chartData ref, allowing dashboard KPIs and UI to update independently of the chart library and improving reactivity. [1] [2]
  • Enhanced chart rendering functions with better error handling, logging, and more robust initialization to avoid errors when data or DOM elements are missing. [1] [2]
  • Added a watcher on user changes to fully reset and reload dashboard data and charts when the authenticated user changes, ensuring the UI always reflects the current user.

Authentication API Update:

  • Updated the AuthApi.login method to validate the user's password, throwing an error if it is incorrect, thus improving authentication security.

Styling:

  • Improved chart container styling in dashboard.vue for better layout and responsiveness.

Elimina completamente el componente UserSwitcher y sus referencias.
Corrige el problema de scroll infinito en dashboard.
Mejora la gestión de gráficos y reactividad.
Ajusta estilos y asegura estabilidad visual.
Código listo para producción v1.0.0.
@bry4nbe bry4nbe requested a review from Alexiz248 October 8, 2025 23:03
@bry4nbe bry4nbe merged commit 0739b58 into develop Oct 8, 2025
bry4nbe added a commit that referenced this pull request Oct 8, 2025
…lop → Main) (#9)

* chore(auth): add auth component skeletons and styles tokens

* feat(auth): add login and register views

- add Login.vue and Register.vue with client-side validation
- create reusable components: AuthField, PasswordField, CodeInput
- implement composables: useAsyncAction, useFocusManagement
- centralize mock authentication helpers in src/utils/mockAuth.js
- add EmptyLayout for public routes and update router guards
- add auth.css using design tokens

* fix: rename profile to dashboard and fix router navigation
- Rename profile.vue to dashboard.vue

* chore: eliminar logs de depuración en archivos de autenticación y configuracion

* feat(auth,router,ui,api,server): páginas de Login/Register, LayoutShell y endpoints; mock server y configuración (#4)

- Añade vistas: Login.vue y Register.vue
- Crea LayoutShell.vue y estructura base de navegación (src/layout)
- Agrega páginas: alerts.vue y devices.vue
- Define endpoints compartidos: alerts.endpoint.js, devices.endpoint.js, auth.endpoint.js, base-api.js
- Implementa auth.service.js y utilidades de plan: plan.util.js, usePlan.js
- Configura router (src/router/index.js) y arranque de app (src/main.js)
- Integra servidor mock: server/db.json, server/routes.json, server/start.sh
- Ajusta configuración: .env.development y vite.config.js
- Actualiza dependencias: package.json y package-lock.json

Co-authored-by: abigoe02 <u202318049@upc.edu.pe>

* feat(dashboards): integrate real device data and improved visual charts for student and basic dashboards: (#5)

Added full API connection via devices.endpoint.js
Implemented real metric rendering from db.json
Improved chart responsiveness and proportions (Chart.js)
Refactored dashboard-basic.vue and dashboard-student.vue with adaptive layouts
Minor updates to alerts.vue, auth.endpoint.js, and base-api.js
Updated mock data and endpoints in server/db.json
Adjusted layout and route handling (LayoutShell.vue, router/index.js)

* Feature/awards (#6)

* feat(subscriptions): implement plan management and payment features

* feat(rewards): implement loyalty and referral system page

- Added rewards dashboard displaying points, level, and progress
- Implemented referral code generation with sharing and cooldown policy (1 code per 24h, plan required)
- Added referral policy section with reward points and usage limits
- Created referral history table showing pending, activated, and rewarded users
- Enabled manual reward crediting for activated referrals
- Included copy, share, and revoke actions for referral codes
- Designed layout consistent with subscriptions module and Energix UI theme"

* feat(rewards): implement loyalty and referral system page

- Added rewards dashboard displaying points, level, and progress
- Implemented referral code generation with sharing and cooldown policy (1 code per 24h, plan required)
- Added referral policy section with reward points and usage limits
- Created referral history table showing pending, activated, and rewarded users
- Enabled manual reward crediting for activated referrals
- Included copy, share, and revoke actions for referral codes
- Designed layout consistent with subscriptions module and Energix UI theme"

* Feature/settings (#7)

* feat(settings): update main views and add personalization module

* feat(settings): fixed configuration

* feat: release v1.0.0 - versión estable inicial sin UserSwitcher (#8)

Elimina completamente el componente UserSwitcher y sus referencias.
Corrige el problema de scroll infinito en dashboard.
Mejora la gestión de gráficos y reactividad.
Ajusta estilos y asegura estabilidad visual.
Código listo para producción v1.0.0.

---------

Co-authored-by: IamAndreek <u20231b120@upc.edu.pe>
Co-authored-by: abigoe02 <u202318049@upc.edu.pe>
Co-authored-by: Alexiz248 <alexisfyd@gmail.com>
Co-authored-by: Alvaro Fabrizzio Salazar Caballero <u202321941@upc.edu.pe>
bry4nbe added a commit that referenced this pull request Nov 25, 2025
* feat: release v1.0.0 - versión estable inicial sin UserSwitcher
Elimina completamente el componente UserSwitcher y sus referencias.
Corrige el problema de scroll infinito en dashboard.
Mejora la gestión de gráficos y reactividad.
Ajusta estilos y asegura estabilidad visual.
Código listo para producción v1.0.0.

* Release: Initial frontend improvements and authentication setup (Develop → Main) (#9)

* chore(auth): add auth component skeletons and styles tokens

* feat(auth): add login and register views

- add Login.vue and Register.vue with client-side validation
- create reusable components: AuthField, PasswordField, CodeInput
- implement composables: useAsyncAction, useFocusManagement
- centralize mock authentication helpers in src/utils/mockAuth.js
- add EmptyLayout for public routes and update router guards
- add auth.css using design tokens

* fix: rename profile to dashboard and fix router navigation
- Rename profile.vue to dashboard.vue

* chore: eliminar logs de depuración en archivos de autenticación y configuracion

* feat(auth,router,ui,api,server): páginas de Login/Register, LayoutShell y endpoints; mock server y configuración (#4)

- Añade vistas: Login.vue y Register.vue
- Crea LayoutShell.vue y estructura base de navegación (src/layout)
- Agrega páginas: alerts.vue y devices.vue
- Define endpoints compartidos: alerts.endpoint.js, devices.endpoint.js, auth.endpoint.js, base-api.js
- Implementa auth.service.js y utilidades de plan: plan.util.js, usePlan.js
- Configura router (src/router/index.js) y arranque de app (src/main.js)
- Integra servidor mock: server/db.json, server/routes.json, server/start.sh
- Ajusta configuración: .env.development y vite.config.js
- Actualiza dependencias: package.json y package-lock.json

Co-authored-by: abigoe02 <u202318049@upc.edu.pe>

* feat(dashboards): integrate real device data and improved visual charts for student and basic dashboards: (#5)

Added full API connection via devices.endpoint.js
Implemented real metric rendering from db.json
Improved chart responsiveness and proportions (Chart.js)
Refactored dashboard-basic.vue and dashboard-student.vue with adaptive layouts
Minor updates to alerts.vue, auth.endpoint.js, and base-api.js
Updated mock data and endpoints in server/db.json
Adjusted layout and route handling (LayoutShell.vue, router/index.js)

* Feature/awards (#6)

* feat(subscriptions): implement plan management and payment features

* feat(rewards): implement loyalty and referral system page

- Added rewards dashboard displaying points, level, and progress
- Implemented referral code generation with sharing and cooldown policy (1 code per 24h, plan required)
- Added referral policy section with reward points and usage limits
- Created referral history table showing pending, activated, and rewarded users
- Enabled manual reward crediting for activated referrals
- Included copy, share, and revoke actions for referral codes
- Designed layout consistent with subscriptions module and Energix UI theme"

* feat(rewards): implement loyalty and referral system page

- Added rewards dashboard displaying points, level, and progress
- Implemented referral code generation with sharing and cooldown policy (1 code per 24h, plan required)
- Added referral policy section with reward points and usage limits
- Created referral history table showing pending, activated, and rewarded users
- Enabled manual reward crediting for activated referrals
- Included copy, share, and revoke actions for referral codes
- Designed layout consistent with subscriptions module and Energix UI theme"

* Feature/settings (#7)

* feat(settings): update main views and add personalization module

* feat(settings): fixed configuration

* feat: release v1.0.0 - versión estable inicial sin UserSwitcher (#8)

Elimina completamente el componente UserSwitcher y sus referencias.
Corrige el problema de scroll infinito en dashboard.
Mejora la gestión de gráficos y reactividad.
Ajusta estilos y asegura estabilidad visual.
Código listo para producción v1.0.0.

---------

Co-authored-by: IamAndreek <u20231b120@upc.edu.pe>
Co-authored-by: abigoe02 <u202318049@upc.edu.pe>
Co-authored-by: Alexiz248 <alexisfyd@gmail.com>
Co-authored-by: Alvaro Fabrizzio Salazar Caballero <u202321941@upc.edu.pe>

* Update package.json.

* Update .env.development.

* Rename .env.development to .env.

* feat(layout): improve sidebar and header UI, add date and user info

- Add current date and hour display in header
- Show user name and avatar in header
- Refactor sidebar menu styles and logo
- Minor style improvements for layout consistency

* feat(pages): add i18n support and fix dashboard screen display

* refactor(project): reorganize file structure for better module separation

* feat(vercel): add rewrites configuration for routing to index.html

* feat(env): update API URL to point to the backend service

---------

Co-authored-by: IamAndreek <u20231b120@upc.edu.pe>
Co-authored-by: abigoe02 <u202318049@upc.edu.pe>
Co-authored-by: Alexiz248 <alexisfyd@gmail.com>
Co-authored-by: Alvaro Fabrizzio Salazar Caballero <u202321941@upc.edu.pe>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants