Updated README.md

Author: RodrigoSaantos

README.md

@@ -0,0 +1,140 @@
+<h2 align="center">
+  <div>
+    <img alt="Logo" title="#logo" src="public/nlw-heat.png" width="400"/>
+  <div>
+</h2>
+
+<h1 align="center">
+    NLW Heat | ReactJS
+</h1>
+
+<div align="center">
+
+  <a href="">
+    <img src="https://img.shields.io/github/languages/count/RodrigoSaantos/nlw-heat-web.svg?color=%238257E5" alt="languages" >
+  </a>
+
+  <a href="">
+    <img src="https://img.shields.io/github/languages/top/RodrigoSaantos/nlw-heat-web.svg?color=%238257E5" alt="languagesTop" >
+  </a>
+
+  <a href="">
+    <img src="https://img.shields.io/github/repo-size/RodrigoSaantos/nlw-heat-web.svg?color=%238257E5" alt="repo-size" >
+  </a>
+
+  <a href="">
+    <img src="https://img.shields.io/github/last-commit/RodrigoSaantos/nlw-heat-web.svg?color=%238257E5" alt="last-commit" >
+  </a>
+
+</div>
+
+<p align="center"> Application developed in the seventh edition of Rocketseat Next Level Week - Heat 💻🚀 </p>
+
+<p align="center">
+ <a href="#about">About</a> •
+ <a href="#technologies">Technologies</a> •
+ <a href="#usage">Usage</a> •
+ <a href="#contribution">Contribution</a> •
+ <a href="#author">Author</a> •
+ <a href="#demo">Demo</a> •
+ <a href="#license">License</a>
+</p>
+
+<h1 align="center">
+  <div style="display: flex; flex-direction: row;">
+    <img width="400" style="border-radius: 10px" height="auto" alt="Dashboard" title="Dashboard" src="public/home.png" />
+    <img width="400" style="border-radius: 10px" height="auto" alt="Users" title="Users" src="public/login.png" />
+  <div>
+</h1>
+
+<h4 align="center">
+	 📝 NLW#7 | ReactJS ⏰📈 Loading...  📝
+</h4>
+
+<h2 id="about" > 🎯 About </h2>
+
+Application developed in the next level week - heat #7 - @Rocketseat
+
+<h2 id="technologies"> 🛠 Technologies </h2>
+
+The following tools were used in the construction of the project:
+
+- [ReactJS](https://reactjs.org)
+- [Vite](https://vitejs.dev/)
+- [NodeJS](https://nodejs.org/en/)
+- [Yarn](https://yarnpkg.com) or Npm
+- [VSCode](https://code.visualstudio.com)
+- [Git Bash](https://gitforwindows.org/)
+- [Sass](https://sass-lang.com/)
+- [Socket.io](https://socket.io/)
+
+<h2 id="usage" > 👷 Usage </h2>
+
+Required! Install git, node and yarn (or npm).
+
+```bash
+# Clone Repository
+$ git clone https://github.com/RodrigoSaantos/nlw-heat-web.git
+
+# Go to server folder
+$ cd nlw-heat-web
+
+# Install Dependencies
+$ yarn
+# or
+$ npm install
+
+# Run Aplication
+$ yarn dev
+# or
+$ npm run dev
+
+# Access localhost
+http://localhost:3000
+```
+
+To make this project more organized, I moved the applications **(rest api, web client)** to 2 different repositories.
+
+Here are the links to them
+
+- [REST API](https://github.com/RodrigoSaantos/nlw-heat-node.git)
+- [Web client](https://github.com/RodrigoSaantos/nlw-heat-web.git)
+
+<h2 id="contribution"> 🤝 Contribution </h2>
+
+This project is for study purposes too. All kinds of contributions are very welcome and appreciated!
+
+- Fork this repository;
+- Create a branch with your feature: `git checkout -b my-feature`;
+- Commit your changes: `git commit -m 'feat: My new feature'`;
+- Push to your branch: `git push origin my-feature`.
+
+<h2 id="author"> 💻 Author </h2>
+
+<img style="border-radius: 50%;" src="https://github.com/RodrigoSaantos.png" width="100px;" alt="Rodrigo Santos"/>
+
+By Rodrigo Santos 👋🏽 Find me:
+
+[![Linkedin Badge](https://img.shields.io/badge/-RodrigoSantos-blue?style=flat-square&logo=Linkedin&logoColor=white&link=https://www.linkedin.com/in/rodrigo-dos-santos-silva-637225156/)](https://www.linkedin.com/in/rodrigo-dos-santos-silva-637225156/)
+|
+[![Gmail Badge](https://img.shields.io/badge/-contato.rodrigosaantos@gmail.com-c14438?style=flat-square&logo=Gmail&logoColor=white&link=mailto:contato.rodrigosaantos@gmail.com)](mailto:contato.rodrigosaantos@gmail.com)
+
+<h2 id="demo"> 🎌 Demo </h2>
+
+<h1 align="center">
+  <div style="display: flex; flex-direction: row;">
+    <img width="900" style="border-radius: 10px" height="auto" alt="Login" title="Login" src="public/demo.gif" />
+  <div>
+
+    Mobile
+  ---
+  Dashboard | Users | Menu
+  --- | --- | ---
+  <img width="300" style="border-radius: 10px" height="600" alt="Login" title="Login" src="public/mobile-dashboard.png" /> | <img width="300" style="border-radius: 10px" height="600" alt="Login" title="Login" src="public/mobile-users.png" /> | <img width="300" style="border-radius: 10px" height="600" alt="Login" title="Login" src="public/mobile-menu.png" />
+</h1>
+
+
+
+<h2 id="license"> 📝 License </h2>
+
+This project is under the MIT license.