📚 Update readme file

README.md

@@ -1,3 +1,34 @@
+![GitHub](https://img.shields.io/github/license/Uklizdev/keystone-helper?style=for-the-badge) ![React](https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB) <a href="https://www.buymeacoffee.com/ukliz" target="_blank"> <img src="https://cdn.buymeacoffee.com/buttons/default-orange.png" alt="Buy Me A Coffee" height="28" width="130"></a> <img alt="Express.js" src="https://img.shields.io/badge/express.js-%23404d59.svg?style=for-the-badge&logo=express&logoColor=%2361DAFB"/>
+
 # Keystone Helper
 
-This web application uses Warcraft logs v2 API to help World of Warcraft players analyze keystone logs.
+> This web application uses Warcraft logs v2 API to help World of Warcraft players analyze keystone logs.
+
+## Live version 📡
+
+Not availiable **yet**
+
+### Paste your report code or link:
+
+![Main](/Images/Main.png)
+
+### Click the key you want to analyze:
+
+![Chooose](/Images/Choose.png)
+
+### Analyze it! (still under developement):
+
+![Summary](/Images/Summary.png)
+
+## Contributing 🖇️
+
+Any contributions are highly appreciated. There are two things you can do:
+
+1. Create an issue explaining your idea.
+2. Fork the project and submit a Pull Request with your idea already developed explaining it in detail.
+
+## License 📄
+
+This project is [MIT](https://choosealicense.com/licenses/mit/) licenced
+
+⌨️ with ❤️ by [Ukliz](https://github.com/Uklizdev) 😊