In this blog I will demonstrate how to Install and Deploy an AngularJS Events Application using Cosmic JS. This event management app was built using AngularJS and Cosmic JS. Users can sign up, add events and browse events submitted by other users.

![](https://hackernoon.com/hn-images/0*gDB2ds8PRlwVK_Du.gif)

I’ll be using [Cosmic JS](https://cosmicjs.com/) for this deploy process. Cosmic JS is an [API-first CMS](https://cosmicjs.com/) that makes managing and building websites and applications faster and more intuitive. By decoupling content from code, [Cosmic JS](https://cosmicjs.com/) empowers developer flexibility while ensuring content editors can plan and deploy content as it best suits them. Cosmic JS lets developers use the tools they love, like Node.js, GitHub, Docker and more.

![](https://hackernoon.com/hn-images/0*FkEfefUrNjK-QJKT.png)

Event Detail Page

![](https://hackernoon.com/hn-images/0*dvXY6x_J3_HwR13s.png)

Event Thread Page

Get started by [Signing Up](https://cosmicjs.com/signup) for [Cosmic JS](https://cosmicjs.com/). Helpful resources are provided below.

> [How to Build an AngularJS Events App](https://cosmicjs.com/blog/how-to-build-an-angularjs-events-app)   
> [AngularJS Events App](https://cosmicjs.com/apps/events-app)  
> [AngularJS Events App Demo](https://cosmicjs.com/apps/events-app/demo)  
> [AngularJS Events App Codebase on GitHub](https://github.com/cosmicjs/events-app)

### 1\. Create a New Bucket

![](https://hackernoon.com/hn-images/0*qfwI0ITNhZ3__bRC.png)

### 2\. Install the AngularJS Events App

![](https://hackernoon.com/hn-images/0*7WTNpnZe_b3YRnjd.png)

[Cosmic JS](https://cosmicjs.com/) gives you the ability to filter between utilities and programming languages.

![](https://hackernoon.com/hn-images/0*ijsjd3mIY-7HXhtq.png)

![](https://hackernoon.com/hn-images/0*0z_-agpV4RYUIWnw.png)

### 3\. Deploy to Web

![](https://hackernoon.com/hn-images/0*O-MGpf4cCUr3yGQw.png)

You will receive an email confirming the deployment of your web application. If you encounter any issues during deployment, you may be routed to the [Cosmic JS Troubleshooting Page](https://cosmicjs.com/troubleshooting).

### Confirm Deploy Location and Branch

![](https://hackernoon.com/hn-images/0*yK1KIxGUYT9Il_w1.png)

### Deploy Branch Confirmation Modal

![](https://hackernoon.com/hn-images/0*R90jeqFBkBDdwEhu.png)

It’s as easy as signing up, creating a new bucket, installing the web application(s), edit objects and deploy! I get my confirmation email to access my web application and also see my options for bucket upgrades like [custom domains, one-click SSL, webhooks and localization](https://cosmicjs.com/features).

[Cosmic JS](https://cosmicjs.com/) is an API-first cloud-based content management platform that makes it easy to manage applications and content. If you have questions about the Cosmic JS API, please reach out to the founders on [Twitter](https://twitter.com/cosmic_js) or [Slack](https://cosmicjs.com/community).

[Carson Gibbons](https://twitter.com/carsoncgibbons) is the Co-Founder & CMO of [Cosmic JS](https://cosmicjs.com/), an API-first Cloud-based [Content Management Platform](https://cosmicjs.com/) that decouples content from code, allowing devs to build slick apps and websites in any programming language they want.

Slack

Twitter

Follow me on Twitter

Read My Stories

Too Long; Didn't Read

Cassandra Forward a free Cassandra-focused community event

Deploy an AngularJS Events App in 3 Steps using Cosmic JS

Too Long; Didn't Read

People Mentioned

Companies Mentioned

@carsoncgibbons

RELATED STORIES