Build a Library web app with Vue JS using ScaffoldHub

Explore the generated library app code and learn the basics of node javascript, express, and mongoose. Receive guidance on customization and when to review the basic pages.

Master the basics of JavaScript and Node.js by exploring callbacks, this binding, object and array deconstruction, npm packages, and async data fetching with promises and fetch.

Explore the basics of building a simple to-do app with Vue, including project setup, a fake backend, and axios-based create and list operations.

Learn Vue Router basics by declaring routes and paths, creating a Vue instance, and rendering the food and bar components through route-driven navigation.

Integrate Element UI into a Vue.js library app by installing and configuring the plugin, building a data table with actions, and adding an inline form with validation and reset.

Manage state with a Vuex store by detaching state from components, organizing it into modules, and using mutations and actions with dispatch to update lists and loading states.

Learn how to build a simple Express.js server, create an index file, set up routes and endpoints, use body-parser middleware for post requests, and test a static list API.

Connect to a local database with Sequelize, define a to-do model with validations and timestamps, enable paranoid deletion, and implement CRUD API endpoints with error handling.

Connect to MongoDB, define a Mongoose schema with timestamps and field validations, create and export a model, and implement a virtual id getter for front-end compatibility after testing.

Set up the library web app with Vue.js using ScaffoldHub by installing dependencies, configuring the frontend and backend, and initializing the local database and environment.

Fix labels and the application title by updating the i18n and configs, apply English and Portuguese translations on the frontend and backend, and ensure language switching remains consistent.

Organize the app menu in one place and assign icons for loans and books using Font Awesome, while replacing placeholder images in public/images with a library image.

Configure librarian and member roles by adjusting front end and back end security rules, assign permissions, hide user management and settings from members, test read access to books and article.

Redirect the home route to the loans page by setting the path, remove the home page and related menu items, and keep the home link only to navigate to loans.

Modify the book listing in the scaffolded Vue app by resizing the cover image, removing unused filters and labels, and applying object-fit: cover in the image component.

Apply loan listing customizations in your library web app built with Vue.js by removing ads from the table and refining spacing for a clean layout.

Add a loan period in days to the settings with a new integer field, create a database migration, and update backend models and the settings form for validation.

Enforce backend role checks to show only the current member’s loans, filtering by current user id to exclude librarians and prevent access to all loans.

Improve the book label by displaying the title and ESPN, map the book relation to show id and label, and fetch author and ESPN from the server for table views.

Calculate the due date automatically from the long period in days using moment, with the due date set as read-only on the front end and synchronized with the backend settings.

Learn to compute loan status from due and return dates, using virtual fields and status labels, then filter and show overdue, in progress, and closed loans in a Vue app.

Demonstrates creating and editing loans with separate new and edit forms, enforces a required return date, and validates on the server using computed properties and internationalization.

Explore implementing a book status feature in a library web app, marking in-stock books as available, filtering by status, updating book model and user interface to reflect stock and state.

Learn to manage book stock in a library app by recalculating stock from total copies minus active loans, enforcing non negative stock across create, edit, and loans.

Learn to import books and loans in a library app built with Vue JS and ScaffoldHub, including removing the status column from the template and ensuring the data remains available.

Build a library web app with vue js using scaffoldhub that sends email reminders to members for overdue or in-progress loans via email provider, with language-specific templates and api-based sending.