diff --git a/README.md b/README.md
index 34c21c1..b9eaa08 100644
--- a/README.md
+++ b/README.md
@@ -1 +1,34 @@
-## Payroll-App
\ No newline at end of file
+# Payroll App - Laravel inertiajs - firebase
+
+laravel Payroll App Example with inertiajs - react with tailwind and firebase firestore
+record employesss and absent to print payments invoices for Indonesian workers
+## Support me
+
+<a href="https://trakteer.id/ajikamaludin" target="_blank"><img id="wse-buttons-preview" src="https://cdn.trakteer.id/images/embed/trbtn-blue-2.png" height="40" style="border:0px;height:40px;" alt="Trakteer Saya"></a>
+
+
+## Requirements
+
+* PHP 8.0 or latest
+* Node 16+ or latest
+
+## How to run
+
+```bash
+$ cp .env.example .env # configure app for laravel
+$ cp resources/js/firebase.js.example resources/js/firebase.js # configure your firebase config
+$ composer install
+$ npm install
+$ npm run dev # compiling asset for development
+```
+
+## Compile Assets ( to prod )
+
+```bash
+$ npm run build
+```
+
+## Screenshot
+
+![](screenshot1.png?raw=true)
+![](screenshot2.png?raw=true)
\ No newline at end of file
diff --git a/screenshot1.png b/screenshot1.png
new file mode 100644
index 0000000..ba60a86
Binary files /dev/null and b/screenshot1.png differ
diff --git a/screenshot2.png b/screenshot2.png
new file mode 100644
index 0000000..012b271
Binary files /dev/null and b/screenshot2.png differ