Coder Social home page Coder Social logo

demochat's Introduction

Let's Chat Greylock Demo! Use this tutorial to familiarize yourself with codefresh.yml file and codefresh functionality.

Screenshot

###Let’s chat is self-hosted chat app for small teams or big

This tutorial will walk you through the process of adding the following :

  • Build step - that will build docker image for your let’s chat app

  • Push to registry step - that will push your image to docker hub

  • Unit Test step - A freestyle step that runs the unit test of the demo chat after the build

  • Composition step - This step will run a composition which use your chat image from the build step, docker image of curl and check if your application is responsive. It will do so by printing "works" if a curl command to our app at port 5000 succeed.

So the first thing you need to do is :

##Fork our repo

Enter the following link https://github.com/codefreshdemo/demochat and fork let’s chat app ![Screenshot](screenshots/Screen Shot 2016-09-27 at 8.01.32 PM.png)

#Getting started with Docker

##Add a repository Now enter Codefresh and add your let’s chat app as a codefresh service.

press on Add Repository

now add you forked demochat repo. toggle to Add by URL

Screenshot

enter the forked repo url

and choose the branch for your first build (in this case master)

when you finish press next.

Screenshot

select the build method Dockerfile

Screenshot

enter the path of your docker file (in our case it's simply Dockerfile) and press next

Screenshot

make sure you can see the preview of your dockerfile and press create

Screenshot

pressing on build button will trigger a regular build

Screenshot

great , you are running your build for the first time !

Screenshot

in order to see the list of you current services press on the services button

Screenshot

and see your new service

Screenshot

#Getting started with DockerCompose

Go to the tab "Compositions" and press on the button ADD COMPOSITION

Screenshot

In the Composition Name text box, type a name for your composition and click NEXT

Screenshot

Select Composition Starting Point. On this screen you can choose: What type of composition would you like to create? Select the File in repo and click NEXT.

Screenshot

Enter the path https://github.com/codefreshdemo/demochat, choose the branch "master" and click NEXT.

Screenshot

Enter the path of your docker-compose.yml file (in our case it's simply docker-compose-build.yml) and press NEXT

Screenshot

Then click on the CREATE.

Screenshot

Click on the button BUILD IMAGES

Screenshot

#Getting started with Codefresh YAML

##Add a service Now enter Codefresh and add your let’s chat app as a codefresh service.

press on Add Repository

now add you forked demochat repo. toggle to Add by URL

Screenshot

enter the forked repo url

and choose the branch for your first build (in this case master)

when you finish press next.

Screenshot

select the build method Codefresh.YML

Screenshot

enter the path of your codefresh.yml (in our case it's simply ./codefresh.yml) and press NEXT

Screenshot

make sure you can see the preview of your dockerfile and press CREATE

Screenshot

pressing on BUILD button will trigger a regular build

Screenshot

great , you are running your build for the first time !

Screenshot

in order to see the list of you current services press on the services button

Screenshot

and see your new service

Screenshot

demochat's People

Contributors

nivanovp avatar superfresh avatar verchol avatar ncodefresh avatar alexei-led avatar

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.