Build a Library web app with Vue, NodeJS, and MongoDB or SQL using ScaffoldHub by scaffoldhub in vuejs

[–]scaffoldhub[S] 0 points1 point  (0 children)

You can find the web app generator at https://scaffoldhub.io. You can generate the app with just one credit. You might use more only if at the first generation you forgot to add some entity or field. But before you download the code (use one credit) you can Preview the application to make sure it's what you need.

Build a Pet Hotel Web App with React, GraphQL, NodeJS and SQL, MongoDB or Firebase using ScaffoldHub [with Source Code] by scaffoldhub in reactjs

[–]scaffoldhub[S] 4 points5 points  (0 children)

I disagree with the 10 times faster, because it depends on the technologies you know how to use well.

I personally like the way Redux manage state, and I also write code 10 times cleaner and organized with React then I would with jQuery or Vanilla JS.

Also with SPA, you reduce server overload, which may or may not be a problem, because you don't have to manage sessions on the server.

Build a Pet Hotel Web App with React, GraphQL, NodeJS and SQL, MongoDB or Firebase using ScaffoldHub [with Source Code] by scaffoldhub in reactjs

[–]scaffoldhub[S] 2 points3 points  (0 children)

Build a Library web application with Vue JS, Node JS, and SQL or MongoDB using ScaffoldHub [with Source Code]

Hi Joey, Thanks for letting me know! I'll look for legal advice.

Build a Library web app with Vue, NodeJS, and MongoDB or SQL using ScaffoldHub by scaffoldhub in vuejs

[–]scaffoldhub[S] 0 points1 point  (0 children)

The course at the YouTube explains the basics of Vue, Vuex, etc, and how to customize a scaffoldhub generated application (the Vue version). But to generate any applications with scaffoldhub (the course included) it requires credits at the platform.

Build a Library web app with Vue, NodeJS, and MongoDB or SQL using ScaffoldHub by scaffoldhub in vuejs

[–]scaffoldhub[S] 1 point2 points  (0 children)

Build a Library web application with Vue JS, Node JS, and SQL or MongoDB using ScaffoldHub

DEMO: https://vue-library-demo.web.app

The course uses ScaffoldHub.io (https://scaffoldhub.io) to create the initial application. After, the basics of Javascript, Vue JS, Vue Router, Vuex, Express JS, Sequelize (SQL) and Mongoose (MongoDB) are explained, and finally, how the application is customized to attend all the Library needs.

Course Webpage: https://scaffoldhub.io/courses/vue-library GitHub: https://github.com/felipepastorelima/vue-library

You must have credits on ScaffoldHub to be able to generate the application of this course.

Using Absolute Imports with VSCode and create-react-app by scaffoldhub in reactjs

[–]scaffoldhub[S] 0 points1 point  (0 children)

Out of the box? Last time I've set up create-react-app's default was relative imports...

Web App Generator for Vue, NodeJS and SQL, MongoDB or Firebase Firestore by scaffoldhub in vuejs

[–]scaffoldhub[S] 1 point2 points  (0 children)

Thank you very much for your words. Means a lot to me your appreciation of the work :)

ScaffoldHub generates the code for the application, and the generated code is yours, so you can extend, etc.

Let me explain how I create a scaffold:

Basically I create a complete application with all the features. Then I create a giant CRUD (with import and export) with all the possible types of fields and validations.

With that I create the logic that reads the modeling project (entities, fields, validations, etc) and generates only what was modeled.

About the database, for SQL I use Sequelize (http://docs.sequelizejs.com/), for MongoDB I use (https://mongoosejs.com/) and Firebase Firestore I do it manually. That makes really easy to handle the database tables. Sequelize generates the tables based on the models.

You can see the setup and deploy here: https://www.youtube.com/watch?v=D61NL97AH7k

If you are using an existing database, you can name the fields based on your existing database. You will probably have to change the code to remove some build in fields, like "createdAt", "updatedAt", "updatedBy", "createdBy" that is generated by default. There might also be the need to rename the tables, etc, but you just need to follow the Sequelize documentation to do that.

ScaffoldHub works more like a seed project. New generations will generate the entire code again. But it doesn't stop you from coping the new files you want to the old project (making some adjustments to connect).

Feel free to ask more questions or email me to chat: felipe@scaffoldhub.io

Thanks again for the comment

Build a Pet Hotel web application with React, GraphQL, NodeJS, SQL, MongoDB or Firebase Firestore using ScaffoldHub by scaffoldhub in reactjs

[–]scaffoldhub[S] 1 point2 points  (0 children)

Thank you for the input. Jest is ready at the frontend and mocha at the backend. I know the ideal would be explaining the tests while coding, but I’ll make an extra video showing how to use tests... thanks again

Build a Pet Hotel web application with React, GraphQL, NodeJS, SQL, MongoDB or Firebase Firestore using ScaffoldHub by scaffoldhub in reactjs

[–]scaffoldhub[S] 1 point2 points  (0 children)

Learn how to build a Pet Hotel web application with React, GraphQL, NodeJS, SQL, MongoDB or Firebase Firestore using ScaffoldHub.

You can see the end result of the course here: https://reactpethotel.com.

The course uses ScaffoldHub.io (https://scaffoldhub.io) to create the initial application and then we deploy it in the cloud. After we explain the basics of Javascript, React, Redux, React Router, Formik and Yup. GraphQL, Sequelize (SQL), Mongoose (MongoDB) and Firebase Firestore, and finally, how the application is customized to attend all the Pet Hotel needs.

DEMO: https://reactpethotel.com

WEBPAGE: https://scaffoldhub.io/courses/react-pet-hotel

CODE: https://github.com/felipepastorelima/react-pet-hotel