Git Product home page Git Product logo

flexbit's Introduction

Project

Prerequisites

You should have a GitHub repository already created, in which your project will live after you're finished cloning and initilizing the project.

Visit this page to create a new repository in your account:
https://github.com/new

Install Dependencies

To begin using this repository please run the following command.

npm install

Getting Started

Running the following command will prompt you to enter some information. This well setup this folder to now point at the repository that you enter while filling in the prompt.

$ npm run init

You will be prompted for the following things:

  1. Project Name: The name you want to call the project
  2. GitHub username, and GitHub repository: Your GitHub username and the name of the repository you created to hold this project.

Ex. hackeryou/tomatoproject

  1. Author: Your name.

Once you've completed the prompts, you'll be shown what the project package file will look like. An example is listed below. Simply type y or yes to complete the process.

{
  "name": "tomatoproject",
  "version": "1.0.0",
  "description": "HackerYou Fullstack Masterclass Project",
  "main": "index.js",
  "scripts": {
    "init": "node scripts/init.js",
    "test": "react-scripts test",
    "start:server": "nodemon api/server.js --ignore client",
    "start:client": "react-scripts start",
    "build:client": "react-scripts build",
    "git:remote:set": "git remote set-url origin https://github.com/hackeryou/tomatoproject.git"
  },
  "repository": {
    "type": "git",
    "url": "git+https://github.com/hackeryou/tomatoproject.git"
  },
  "keywords": [],
  "author": "Michael Perrotte",
  "license": "ISC",
  "bugs": {
    "url": "https://github.com/HackerYou/con-ed-full-stack/issues"
  },
  "homepage": "https://github.com/HackerYou/con-ed-full-stack#readme",
  "dependencies": {
    "body-parser": "^1.18.3",
    "eslint": "^5.12.0",
    "express": "^4.16.4",
    "mongoose": "^5.6.11",
    "init-package-json": "^1.10.3",
    "react": "^16.8.4",
    "react-dom": "^16.8.4"
  },
  "browserslist": [
    ">0.2%",
    "not dead",
    "not ie <= 11",
    "not op_mini all"
  ],
  "semistandard": {
    "ignore": [
      "build/**"
    ]
  }
}


Is this OK? (yes)

After this process has been completed, you'll notice that your project folder package.json file has had its git configuration set to your GitHub repository.

The final step of the process is to run the newly created script that the initialization process made. This script is found in the scripts object of the package.json file, with the key git:remote:set.

Note: This script expects the existence of an origin remote.

To run the script, type the following in your command line:

npm run git:remote:set

In the event that an origin remote has not been set up already for your project, the alternate newly created script can be run to create a brand new remote:

npm run git:remote:create

Ultimately, you can run the following command in order to ensure that your remotes are set up in the way that you expect:

git remote -v

Usage

Start API server

$ npm run start:server

Start Webpack Server

$ npm run start:client

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.