README.md

# Artichoke Chat <img src="/public/images/artichoke.ico" height="50" width="50">
A simple green themed web chat made to learn Node.js and Network Programming<br>
Deployed on Heroku https://arti-chat.herokuapp.com/ <br>
Safari and IE are not supported!

# Technologies 🧾
<a href="https://nodejs.org/en/"><img src="https://habrastorage.org/webt/bs/ml/lo/bsmllozt2li3jmn_6ec8vy4krdq.png" width="170" > </a>
<a href="https://socket.io/"><img src="https://external-content.duckduckgo.com/iu/?u=http%3A%2F%2Fwww.programwitherik.com%2Fcontent%2Fimages%2F2017%2F01%2Fsocket-e1434850599985.png&f=1&nofb=1" width="170"></a>
<a href="https://expressjs.com/"><img src="https://miro.medium.com/max/6668/1*XP-mZOrIqX7OsFInN2ngRQ.png" width="170"></a>
<a href="https://bulma.io/"><img src="https://ruko.s3.ap-southeast-1.amazonaws.com/rumahkomunitas.com/tulisan/100319104121_bulma-banner.png" width="170"></a>
<a href="https://www.npmjs.com"><img src="https://www.drupal.org/files/project-images/Npm-logo.png" width="165" height="60"></a>


# Preview 🔍
<img src="https://i.imgur.com/U26kp9W.jpg" width=1900> <br />
<img src="https://i.imgur.com/NiK5u6R.jpg" width=1900> <br /> 
<img src="https://i.imgur.com/QQvTaOj.jpg" width=1900> <br />
<img src="https://i.imgur.com/hQNDXvF.jpg" width="300">
<img src="https://i.imgur.com/Ynbd5kY.jpg" width="300"> 
<img src="https://i.imgur.com/DHPIFt8.jpg" width="300">
<img src="https://i.imgur.com/uFRPWsy.jpg" width="300"> <br/>
<img src="https://i.imgur.com/J7le3tt.jpg">

# Quick Start 🚀
```git clone https://github.com/irevenko/artichoke-chat.git```<br>
```cd artichoke-chat```<br>
```npm install```<br>
```npm start  or  nodemon server.js```<br>
```go to localhost:3000```

# What I Learned 🧠
* Node.js basics (async programming, callbacks, anonymous and arrow functions, server side stuff, imports, modules, express, http, path, socket.io)
* Web Sockets
* HTTP/HTTPS
* DOM manipulation, EventListeners, Forms
* How to use CSS Framework (Bulma)
* Simple media queries
* npm basics
* Gathering front-end and back-end together

# License 📑 
(c) 2020 Ilya Revenko. [MIT License](https://tldrlegal.com/license/mit-license)