Introduction Last updated: 2020-11-04

Angular + Node.js + MySQL Fullstack CRUD Automation

Create an unlimited table & your admin panel & APIs is ready in seconds. No installation is required.

Installation Instructions

Requirements

Setup server

Download and unzip the file from codecanyon.

First of all, make sure you have already installed Node.js on your machine. After that, do the following action.

  • Navigate inside the directory cd Server
  • Install all required packages npm install
  • Import database from the database folder
  • Set the sensitive information in .env file Environment setting here
  • Start server npm start
  • That's it
  • Now open http://localhost:8080

Setup client

Open another command line and do the following action.

Video guide

Here is video for more clearification.

Server

Client

Environment Settings (Server Module)

path: .env

Here we specify secret credentials which will be different for local and server

DB_HOST=

DB_USER=

DB_PASS=

DB_DATABASE=

ACCESS_TOKEN_SECRET=

REFRESH_TOKEN_SECRET=

Environment Settings (Client Module)

path: src/environments/environment.ts

Here we specify secret credentials which will be different for local and server

export const environment = {

production: false,

url: "YOUR_API_URL",

title: "APP_TITLE",

description: "APP_DESCRIPTION",

schema: {

};

Directory Structure

Root Directory Structure

  • Codecanyon folder
    • Client
    • Documentation
    • Postman Collections
    • Sample Database
    • Server

Server Directory Structure

  • Server
    • app
      • config
        • db.config.js
        • middleware
      • controllers
      • include
      • models
      • routes
        • auth.routes.js
        • crud.routes.js
      • .env.example
      • .gitignore
      • package.json
      • README.md
      • server.js

Client Directory Structure

  • Client
    • src
      • app
      • pages
      • services
      • app-routing.module.ts
      • app.component.css
      • app.component.html
      • app.component.spec.ts
      • app.component.ts
      • app.module.ts
      • assets
      • environments
        • environment.prod.ts
        • environment.ts
      • index.html
      • main.ts
      • manifest.json
      • polyfills.ts
      • styles.scss
      • tsconfig.app.json
      • tsconfig.spec.json
      • typings.d.ts
    • .angular-cli.json
    • .editorconfig
    • .gitignore
    • angular.json
    • karma.conf.js
    • ngsw-config.json
    • package.json
    • protractor.conf.js
    • README.md
    • tsconfig.json
    • tslint.json

Features

Fullstack CRUD Automation

Create an unlimited table & your admin panel & APIs is ready in seconds. No installation is required.

Save 1000+ hrs of development time.

Run-on Multiple Platforms such as Linux, Windows, Mac, and Unix.

Key Features

  • Authentication Integrated
  • JWT Authentication
  • Create Operations
  • Read Operations
  • Update Operations
  • Delete Operations
  • Pagination
  • MySQL Validations
  • Client side Validations
  • Full source code shared (Both Client and Server)
  • Simplified installation and configuration
  • Easy deployment to production server
  • Respond quickly to user actions
  • Load fast and provide an offline experience
  • Well, structured and clean code
  • Clean endpoints
  • Best performance
  • Build with MVC architecture
  • Handled errors carefully and explicitly
  • Carefully designed to fit in any project requirements
  • Postman collection to access the saved examples
  • Easily Customizable if necessary

Thankyou

Thanks

Thanks again for purchasing this application. We are trying to add and improve new features regularly. Hopefully, you'll enjoy using the app. If you have any queries or suggestions, please contact us.

Best wishes Rarle Team

http://codecanyon.net/user/rarle