The latest articles on DEV Community by Omar M. Attia (@hazel79). https://dev.to/hazel79 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F911282%2F9fc7c119-bdbe-40de-a186-8afd69321105.png https://dev.to/hazel79 en Omar M. Attia Sun, 28 Sep 2025 18:07:53 +0000 https://dev.to/hazel79/kendoreact-free-components-challenge-entry-invoice-dashboard-ee0 https://dev.to/hazel79/kendoreact-free-components-challenge-entry-invoice-dashboard-ee0 <p><em>This is a submission for the <a href="https://dev.to/challenges/kendoreact-2025-09-10">KendoReact Free Components Challenge</a>.</em></p> <h2> What I Built </h2> <p>Simple and intuitive interal invoice and receipt automation and record-keeping for small businesses and individuals, this is actually an mvp for an internal tool we built for a client! minus API integration features we couldn't include in a public demo.</p> <p>Built by me and <a class="mentioned-user" href="https://dev.to/atrox102">@atrox102</a> </p> <h2> Demo </h2> <p>Demo: <a href="http://e0c0840gowcw0sk4kwk084c8.91.99.210.25.sslip.io/" rel="noopener noreferrer">http://e0c0840gowcw0sk4kwk084c8.91.99.210.25.sslip.io/</a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ff19obgob7aew0rdv0zl2.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ff19obgob7aew0rdv0zl2.png" alt=" " width="800" height="449"></a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F9lm3m5jzsqh3g5zi3nv1.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F9lm3m5jzsqh3g5zi3nv1.png" alt=" " width="800" height="449"></a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F2v9met6vft9v0j8y60w2.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F2v9met6vft9v0j8y60w2.png" alt=" " width="800" height="449"></a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fx2dwe7jyjzebtk4dljq9.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fx2dwe7jyjzebtk4dljq9.png" alt=" " width="800" height="449"></a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fs6vbvjo2syroimu8i1jy.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fs6vbvjo2syroimu8i1jy.png" alt=" " width="800" height="449"></a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Feqd99lpjytfffph3o4c6.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Feqd99lpjytfffph3o4c6.png" alt=" " width="800" height="449"></a></p> <p>Repository: <a href="https://github.com/Atrox102/kendo-contest" rel="noopener noreferrer">https://github.com/Atrox102/kendo-contest</a></p> <h2> KendoReact Components Used </h2> <ul> <li>Button</li> <li>Input</li> <li>DatePicker</li> <li>DropdownList</li> <li>NumericTextBox</li> <li>Card</li> <li>Form</li> <li>Dialog</li> <li>Chart</li> <li>Grid, GridColumn, GridToolbar</li> <li>Loader</li> <li>ProgressBar</li> </ul> devchallenge kendoreactchallenge react webdev