Update README.md

README.md

@@ -1 +1,51 @@
-# ui
+# Modern Frontend Developer: HTML and CSS
+
+Learn more with me [Modern Frontend Developer: HTML and CSS](https://learning.atheros.ai/course-detail/modern-frontend-developer-html-and-css)
+
+* Modern Frontend Developer Ebook (almost 500 pages)
+* UI Components Collection
+* Frontend Resources
+* Quizzes And Certificate!
+* Interactive Tutorials
+* Coding Quizzes (coming soon)
+* Video Course (coming soon)
+
+This is repository with examples of simple UI components. The repository is based on Next.js and React.js. 
+
+# Installation :
+
+* Clone the repo with
+```
+git clone git@github.com:atherosai/ui.git
+```
+
+# For HTML/CSS/JS
+
+Just navigate to the folder with your chosen example and open html file in the browser.
+
+# For React Examples
+
+* Install npm packages
+
+```
+npm i 
+```
+
+* Run development mode
+
+```
+npm run dev
+```
+
+Now the app is accessible at ```localhost:3000```
+
+# My Social Media
+The examples are posted here:
+
+* [TikTok](https://www.tiktok.com/@davidm_ai)
+* [Instagram](https://www.instagram.com/davidm_ai/)
+* [Youtube](https://www.youtube.com/@davidm_ai)
+* [Twitter](https://twitter.com/davidm_ml)
+* [Linkedin](https://www.linkedin.com/in/david-mraz/)
+* [Threads](https://www.threads.net/@davidm_ai)
+