How jimenezreyesjoseantonio/noticias-front works
Noti-Oax is a Vue frontend for browsing Oaxaca news and managing articles and accounts. Readers land on a news listing, filter by category, and open article details; authenticated users can sign in to create, edit, or delete articles, while admins can create accounts. The app shell and router provide navigation and client-side role checks; views call a shared Axios client, which attaches a locally stored token. The README is empty, so capabilities and relationships here are based on the sampled source and source index; the backend implementation was not provided.
Main entry points: index.js Route guard · api.js API client · App.vue App shell · LoginView.vue Sign in
Components 12
App and navigation
- App shell
noti-oax-frontend/src/App.vue - Route guard
noti-oax-frontend/src/router/index.js - API client
noti-oax-frontend/src/services/api.js - Browser local storage
News experience
- News home
noti-oax-frontend/src/views/HomeView.vue - Article detail
noti-oax-frontend/src/views/DetalleNoticiaView.vue - Create article
noti-oax-frontend/src/views/CrearNoticiaView.vue - Edit article
noti-oax-frontend/src/views/EditarNoticiaView.vue
Accounts and authoring
- Sign in
noti-oax-frontend/src/views/LoginView.vue - Create account
noti-oax-frontend/src/views/CrearUsuarioView.vue
Other components
- Visitor
- Noti-Oax API
Connections 19
- Visitor → App shell: uses
- App shell → Route guard: renders routes
noti-oax-frontend/src/App.vue - App shell → Browser local storage: reads and clears session
noti-oax-frontend/src/App.vue - Route guard → Browser local storage: checks session
noti-oax-frontend/src/router/index.js - Route guard → News home: routes to
noti-oax-frontend/src/router/index.js - Route guard → Article detail: routes to
noti-oax-frontend/src/router/index.js - Route guard → Create article: routes to
noti-oax-frontend/src/router/index.js - Route guard → Edit article: routes to
noti-oax-frontend/src/router/index.js - Route guard → Sign in: routes to
noti-oax-frontend/src/router/index.js - Route guard → Create account: routes to
noti-oax-frontend/src/router/index.js - News home → API client: requests news and team
noti-oax-frontend/src/views/HomeView.vue - Article detail → API client: loads and deletes articles
noti-oax-frontend/src/views/DetalleNoticiaView.vue - Create article → API client: publishes and uploads
noti-oax-frontend/src/views/CrearNoticiaView.vue - Edit article → API client: loads, updates, uploads
noti-oax-frontend/src/views/EditarNoticiaView.vue - Sign in → API client: submits credentials
noti-oax-frontend/src/views/LoginView.vue - Sign in → Browser local storage: stores session
noti-oax-frontend/src/views/LoginView.vue - Create account → API client: creates account
noti-oax-frontend/src/views/CrearUsuarioView.vue - API client → Browser local storage: reads token
noti-oax-frontend/src/services/api.js - API client → Noti-Oax API: sends API requests
noti-oax-frontend/src/services/api.js