https://github.com/accenture/openathon-2019-angular
IV OpenAthon CSE - Angular
https://github.com/accenture/openathon-2019-angular
Last synced: about 1 year ago
JSON representation
IV OpenAthon CSE - Angular
- Host: GitHub
- URL: https://github.com/accenture/openathon-2019-angular
- Owner: Accenture
- Created: 2019-04-26T07:43:45.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2023-01-07T06:17:15.000Z (over 3 years ago)
- Last Synced: 2025-04-06T11:51:45.843Z (about 1 year ago)
- Language: TypeScript
- Size: 30.1 MB
- Stars: 19
- Watchers: 13
- Forks: 15
- Open Issues: 93
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# IV Openathon Custom Open Cloud
You are welcome to a new **Openathon** edition organized for the
**Accenture Technology Custom Software Engineering** where, once
again, we will have the opportunity to discover, in a practical way,
the possibilities offered by the different architectures and leading
frameworks in the market.
## The target application: Open Events
**Open Events** is a solution that will allow us to register and retrieve the different technology events that are interesting for the **CSE Communities**.
The **Frontend component** will be developed using **Angular**. We are going to learn step by step during the next laboratories not only Angular theory but general **Architecture Good Practices** and **Main Principles**.
We will finish with a fully working Webapp using mocked data waiting for the solution **Backend** counterpart that will be the subject for the **V Openathon**.
Once **Open Events** solution is finished, it will be published as a tool for **CSE Communities** activities.
**Open Events** functionalities :
* Landing page: Intro and description. Shortcuts.
* Menu
* Home
* Events
* See events
* List (with filters as last, location…)
* Event page selected with details
* Find events (filters)
* Create event (with categories)
* Delete event
* Edit event
* Your events (as organizer)
* Login-Register
* Register page
* Login page
* Profile
* See profile
* Edit profile
* Delete profile
And a simple navigation map would be:
## Openathon IV Labs
This edition of the Openathon is divided in the following theory and laboratories:
| Lab | Title |
|-------------------------------------|--------------------------------------------|
| [Boring Theory. Chapter 1](/boring-theory-1) | What is Angular |
| [Boring Theory. Chapter 2](/boring-theory-2) | Main Principles, Solid Practices and Code Quality |
| [Lab 1](/lab-01) | Starting a New Angular Project |
| [Lab 2](/lab-02) | Angular Basics |
| [Lab 3](/lab-03) | Routing Basics |
| [Lab 4](/lab-04) | Services |
| [Lab 5](/lab-05) | Routing 2 and CRUD |
| [Lab 6](/lab-06) | Central State management |
| [Lab 7](/lab-07) | Style and Deploy (extra bonus optional for code ninjas) |
| Openathon | Openathon final lab |
## Prerequisites
### 1. Visual Studio Code
**Visual Studio Code** is a source code editor with support
for debugging, embedded Git control, syntax
highlighting, intelligent code completion, snippets, and code
refactoring.
[Click here](https://code.visualstudio.com/) to download and install.
### 2. Node.js
**Node.js** is a free, open source server environment that runs on
various platforms (Windows, Linux, Unix, Mac OS X, etc.) using
the JavaScript runtime built on Chrome's V8 JavaScript engine.
[Click here](https://nodejs.org/en/download/) to download and install.
> **We recommend to use the LTS** version.
This installation will also install **npm**, the package manager
for Node.js and the world's largest software registry.
### 3. Angular CLI
Open your terminal or command prompt and run:
```sh
npm install -g @angular/cli
```
**Angular CLI** is a command-line interface tool used to initialize, develop, scaffold, and maintain Angular applications.
[Click here](https://cli.angular.io/) to know more.
> Depending on your computer and operating system, some dependencies will not be installed and you can get warnings during installation process. In the same terminal or a new one run:
> ```sh
> ng v
> ```
> If everything is fine, a list of Angular CLI and Node version should appear.
### 4. Angular Augury
**Angular Augury** is a Chrome/Firefox DevTools extension for Angular. It allows you to inspect Angular component hierarchies in Chrome Developer Tools.
[Click here](https://augury.rangle.io/) to download and install.
[What is Angular? >](./boring-theory-1)