QACOE-221: Add README files (#5)

* Update README file and update .gitignore with cypress files

* Update README and add COE logo

* Update README

* Add GitHub actions badge

* Fix alignment issue

Author: pedrohyvo

README.md

@@ -1,8 +1,26 @@
 
+<br />
+<div align="center">
+  <p align="center">
+  <a href="https://moduscreate.com/"><img src=""/></a>
+</p>
+</div>
+
 # QA CoE Experiments
+<!-- CONTENTS -->
+## Contents
+
+[Cypress Studio](/cypress-studio/README.md)
 
+<!-- CONTRIBUTING -->
 ## Contributing
 
-## Contributors
+Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.
+
+If you have a suggestion that would make this better, please ask permission for this repo and create a pull request. You can also simply open an issue with the tag "enhancement".
 
-TBD
+1. Fork the Project
+2. Create your Feature Branch (`git checkout -b QACOE-XXX`)
+3. Commit your Changes (`git commit -m 'Add more tests'`)
+4. Push to the Branch (`git push origin QACOE-XXX`)
+5. Open a Pull Request

cypress-studio/.gitignore

@@ -1,2 +1,6 @@
 # dependencies
-node_modules
+node_modules
+cypress/results/*
+cypress/reports/*
+cypress/screenshots/*
+cypress/videos/*

cypress-studio/README.md

@@ -0,0 +1,73 @@
+<div id="top"></div>
+
+<!-- PROJECT SHIELDS -->
+[![Cypress.io](https://img.shields.io/badge/tested%20with-Cypress-04C38E.svg)](https://www.cypress.io/)
+![example workflow](https://github.com/ModusCreateOrg/qa-coe-experiments/actions/workflows/main.yml/badge.svg)
+
+<!-- PROJECT LOGO -->
+<br />
+<div align="center">
+  <p align="center">
+  <a href="https://www.cypress.io"><img src="https://cloud.githubusercontent.com/assets/1268976/20607953/d7ae489c-b24a-11e6-9cc4-91c6c74c5e88.png"/></a>
+</p>
+
+  <h3 align="center">Cypress Studio experiment</h3>
+</div>
+
+<!-- ABOUT THE PROJECT -->
+## About The Project
+
+The main goal of this experiment is to share with the community how `Cypress Studio` feature works and we're open for suggestions that improves the code as well.
+
+<p align="right">(<a href="#top">back to top</a>)</p>
+
+<!-- GETTING STARTED -->
+## Getting Started
+
+### Prerequisites
+
+* npm
+  ```sh
+  npm install npm@latest -g
+  ```
+
+### How to run cypress tests
+
+1. Clone the repo
+   ```sh
+   git clone https://github.com/ModusCreateOrg/qa-coe-experiments
+   ```
+3. Install NPM packages under `cypress-studio` folder
+   ```sh
+   cd cypress-studio
+   npm install
+   ```
+4. You can run cypress tests in two ways:
+   
+  * Headless
+  
+  ```javascript
+   ./node_modules/.bin/cypress run
+  ```
+  or
+  * Open Cypress Test Runner
+  ```javascript
+      ./node_modules/.bin/cypress open
+  ```
+
+<p align="right">(<a href="#top">back to top</a>)</p>
+
+<!-- CONTACT -->
+## Contact
+
+Pedro Hyvo - [@pedrohyvo](https://www.linkedin.com/in/pedrohyvo/)
+
+<p align="right">(<a href="#top">back to top</a>)</p>
+
+
+<!-- ACKNOWLEDGMENTS -->
+## Acknowledgments
+
+* [Cypress Studio documentation](https://docs.cypress.io/guides/core-concepts/cypress-studio)
+
+<p align="right">(<a href="#top">back to top</a>)</p>