DevOps-Cloud Sample App Project

A sample project (skeleton) to practice DevOps CI/CD pipelines.

Pre-requisites

This starter project uses JavaScript, Node.js and npm as a package manager.

If you do not have Node.js installed locally, please follow these instructions:

• Node.js installation

Installation

To use this starter project:

• Click on the Use this template button
• Fill out the details of your new project as below
• Then click on Create repository from template

Development

Once your new repository created, clone it locally, and install its dependencies:

• replace ${your-username} with your GitHub username
• replace ${repository-name} with the repository name you created above

git clone [email protected]:${your-username}/${repository-name}.git
cd ${repository-name}

For example, in my case the above commands would look like this:

git clone [email protected]:voa2000/devops-cloud-sample-app.git
cd devops-cloud-sample

Next steps

Once the setup completed:

npm -v && node -v

• Verifies versions of npm and node installed. NodeJS installs NPM as its the package manager for installinf node packages for your application.

In the project directory, you can run:

npm install

• Installs all npm packges required to run the application

npm start

• Runs the app in the development mode.
  Open http://localhost:3000 to view it in your browser.

• The page will reload when you make changes.\

• You may also see any lint errors in the console.

npm test

• Launches the test runner in the interactive watch mode.
  See the section about running tests for more information.

npm run build

• Builds the app for production to the build folder.
  It correctly bundles React in production mode and optimizes the build for the best performance.

• The build is minified and the filenames include the hashes.
  Your app is ready to be deployed!

• See the section about deployment for more information.

Learn More

You can learn more in the Create React App documentation.

To learn React, check out the React documentation.

Code Splitting

This section has moved here: https://facebook.github.io/create-react-app/docs/code-splitting

Analyzing the Bundle Size

This section has moved here: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size

Making a Progressive Web App

This section has moved here: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app

Deployment

This section has moved here: https://facebook.github.io/create-react-app/docs/deployment