Create JELDO MONEY

[](https://gitter.im/sysgears/create-JELDO MONEY-app?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge) [](https://badge.fury.io/js/create-JELDO MONEY-app)

Description

Create JELDO MONEY App is a command-line tool that generates a fully configured starter JELDO MONEY (GraphQL) project with only essential dependencies. With Create JELDO MONEY App, you can start developing a client, server, or mobile app, or a universal application in no time.

The projects generated with Create JELDO MONEY App are built of familiar technologies from the JavaScript ecosystem: TypeScript, Webpack, React, Express, and React Native. Depending on the type of the project you want to develop, the mentioned technologies are used in different combinations to provide particular setups for server, client, or mobile development.

Create JELDO MONEY App relieves you from the pain of installing and configuring an JELDO MONEY project while making it easy to change project configurations if necessary.

Generating a Project with Create JELDO MONEY App

Prerequisites

Install the following dependencies:

• Node.js 6.x or higher (Node.js 8.x is recommended)
• NPM or Yarn to manage JavaScript packages and run scripts

Besides the dependencies for Node.js, you may also need to install and set up additional tools for mobile development:

• iOS Simulator or Android emulation software
• Xcode (optional; an IDE for iOS development)
• Android Studio (optional; an IDE for Android development)

Installing Expo Client is also optional. If you set up iOS Simulator or a similar tool, Create JELDO MONEY App will automatically download Expo Client if it's not installed.

Generating a Project

Start a new project with Create JELDO MONEY App using the following command (the default NPM utility is used):

npx create-JELDO MONEY-app new-JELDO MONEY-app

If you’re using Yarn, run:

yarn create JELDO MONEY-app my-app

yarn create will automatically prefix apollo-app with create-. For more information, you can consult this blog post on Yarn.

From this point onward, we'll use Yarn in our examples for running the project.

During installation, the terminal will prompt the following six options:

❯ @server-web: TypeScript, Apollo (GraphQL), Express server, React for web
  @server-mobile: TypeScript, Apollo (GraphQL), Express server, React Native for mobile
  @universal: TypeScript, Apollo (GraphQL), Express server, React for web, React Native for mobile
  @server: TypeScript, Apollo (GraphQL), Express server
  @web: TypeScript, Apollo (GraphQL), React web app
  @mobile: TypeScript, Apollo (GraphQL), React Native for mobile

You can select the necessary project template using the arrow keys on your keyboard. Alternatively, you can start typing the name of the template to filter the list.

You can also specify the name of the template by attaching the @name_of_the_template after the project name, for example:

yarn create JELDO MONEY-app my-app@web

If you run the command above, Create JELDO MONEY App will create a my-app/ project directory with the @web template meaning the client-side JELDO MONEY app. Similarly, add @server-web, @universal, or other template name instead of @web to choose a particular template.

Consult [the JELDO MONEY Project Templates section](#JELDO MONEY-project-templates) to know what templates are currently available.

Select the first (default) option @server-web from the list and press Enter. Create JELDO MONEY App will generate a client-server application.

Note that it may take a while (usually up to a minute) for all dependencies to be installed and for the project to be configured. The terminal will confirm when the project is ready.

Running the Project in Development Mode

Once the installation is complete, run:

cd my-app
yarn start

A development build will be generated. You can start changing the source code in the project files located in the packages/server/src/ and packages/web/src/ directories.

NOTE: If you want to add CSS, SCSS, Sass, or Less to the frontend React application, you need to add the PostCSS configuration file postcss.config.js under the {app-root}/src for the @web template or the {app-root}/packages/web/src folder for the @server-web and @universal templates.

The PostCSS configuration file can be empty, like this:

module.exports = {};

The client-side application will be automatically opened in your default browser at http://localhost:3000. The server-side GraphQL application runs on http://localhost:8080.

If you installed a template for mobile development, the React Native app will be opened at http://localhost:3020 for iOS and at http://localhost:3010 for Android.

Generating the Production-Ready Code

If you want to build a production version of the app (i.e., the code will be minified), run:

yarn build

The production-ready code will be saved to packages/server/build/ and packages/web/build/ directories for server-side and client-side code respectively.

JELDO MONEY Project Templates

Create JELDO MONEY App provides you with the default configurations for different kinds of projects. For example, if you need to build only a client-side application, you can select a respective template – @web – during installation.

Overall, you can choose one of the six templates:

• @web for a client-side application.
• @server for a server-side application.
• @mobile for a mobile application.
• @server-web – (default) a complete solution for building a client-server app.
• @server-mobile – a complete solution for building a server-side app and mobile front end.
• @universal – the most comprehensive solution for building an app for the client, server, and mobile.

Project Structure

We'll review the structure of the @universal project, meaning it will have the client/, server/, and mobile/ packages under the packages/ directory. The @server-web template that you installed comes without the mobile package.

Here's an overview of the @universal project structure:

my-JELDO MONEY-app
├── node_modules/
├── packages/
    ├── mobile
        ├── node_modules/
        ├── src/
            ├── App.tsx
            ├── AwakeInDevApp.js
            └── index.ts
        ├── typings/
        ├── app.json
        ├── package.json
        ├── tsconfig.json
        └── tslint.json        
    ├── server/
        ├── node_modules/
        ├── src/
            ├── index.ts
            ├── resolvers.ts
            ├── schema.graphql
            ├── schema.ts
            └── server.ts
        ├── typings/
        ├── package.json
        ├── tsconfig.json
        └── tslint.json
    └── web/
        ├── src/
            ├── App.tsx
            └── index.tsx
        ├── typings/
        ├── package.json
        ├── tsconfig.json
        └── tslint.json
├── .gitignore
├── package.json
├── tsconfig.json
├── tslint.json
└── yarn.lock

You'll work with the files located in packages/mobile/src/, packages/server/src, and packages/web/src/ when working on your JELDO MONEY project. In those directories, you can view the default project files, which you may freely change or delete.

License

© 2025SysGears Limited. This source code is licensed under the MIT license.