Front-end Web developerIlkhomjon Abdukakhkhorovhttps://teletype.in/atom/ilkhomjon2026-04-03T18:47:09.561Zilkhomjon:source2024-05-21T06:40:30.399Z2024-05-21T06:40:30.399Z

scracth https://scratch.mit.edu/projects/1017557287

<p id="fkec">scracth <a href="https://scratch.mit.edu/projects/1017557287" target="_blank">https://scratch.mit.edu/projects/1017557287</a></p> <p id="0Hn5"></p> <p id="I33x">spline <a href="https://app.spline.design/file/141cadbc-bc3d-4c2c-be0f-cc599d9706f7" target="_blank">https://app.spline.design/file/141cadbc-bc3d-4c2c-be0f-cc599d9706f7</a><br /><br />tinkercad <a href="https://www.tinkercad.com/things/dFNJjnaYzQ9-cyber-track/edit?sharecode=jeUgntHnOoNL3JMb6y-KFdNejhCJf4Yt3N4QD-fS2JA" target="_blank">https://www.tinkercad.com/things/dFNJjnaYzQ9-cyber-track/edit?sharecode=jeUgntHnOoNL3JMb6y-KFdNejhCJf4Yt3N4QD-fS2JA</a><br /><br />photoshop : template </p> ilkhomjon:countries2022-08-04T08:14:24.637Z2022-08-04T08:14:24.637Z

<img src="https://res.cloudinary.com/dz209s6jk/image/upload/q_auto:good,w_900/Challenges/jfrcfmcisi1xiwm4rl1s.jpg">GitHub| Netlify| Date: June 28, 2022

<p id="ONs2"><a href="https://github.com/Ilkhomjon2604/countries" target="_blank">GitHub</a>| <a href="https://ia-countries-data.netlify.app/" target="_blank">Netlify</a>| Date: June 28, 2022</p> <figure id="8TYj" class="m_original"> <img src="https://res.cloudinary.com/dz209s6jk/image/upload/q_auto:good,w_900/Challenges/jfrcfmcisi1xiwm4rl1s.jpg" width="900" /> <figcaption><a href="https://drive.google.com/drive/folders/1XmkLqcDuvbsNg9sBgB2-ubj_YpDRTcji?usp=sharing" target="_blank">more images are here</a></figcaption> </figure> <h2 id="Lqjh">Information about Project</h2> <p id="4gLr">REST Countries API with color theme switcher. Mostly worked with display flex. And thinking about mobile design.</p> <p id="xSko">Difficulties were with the theme color and mobile design </p> <h2 id="9zDQ">Spent time on this project</h2> <p id="WU8F"></p> <figure id="S4tJ" class="m_column"> <img src="https://img4.teletype.in/files/bd/72/bd72aa13-6e47-400b-a2fc-6b4e7044bdf1.png" width="1186" /> </figure> ilkhomjon:myteam2022-07-29T02:02:58.196Z2022-07-29T02:07:43.829Z

<img src="https://img2.teletype.in/files/9a/e3/9ae30f5e-9e2c-4728-a100-63e2ba75f4c1.png">GitHub | Netlify| Date: June 28, 2022

<p id="ONs2"><a href="https://github.com/Ilkhomjon2604/my-team" target="_blank">GitHub</a>| <a href="https://ia-my-team.netlify.app/" target="_blank">Netlify</a>| Date: June 28, 2022</p> <figure id="3EiS" class="m_column"> <img src="https://img2.teletype.in/files/9a/e3/9ae30f5e-9e2c-4728-a100-63e2ba75f4c1.png" width="583" /> <figcaption><a href="https://drive.google.com/drive/folders/1aKLOLNL2ANnHf4b8Orxvn3DgW_pyS0hF?usp=sharing" target="_blank">More images are here</a></figcaption> </figure> <h2 id="Lqjh">Information about Project</h2> <p id="QTGd">My team is a great example of good design. A multi-page website with subtleties. Images are used to give decoration and the most exciting part is about-page: cards !. This part was the hardest part and took more time but the most satisfying part</p> <p id="xSko">However, I spend more time on it. as I mentioned above, using images for decoration took more time, because matching images with background and item needs attention. And the second page contains a card that will flip when you hover it. </p> <h2 id="9zDQ">Spent time on this project</h2> <p id="0J8B"></p> <figure id="kcz5" class="m_original"> <img src="https://img1.teletype.in/files/48/04/480419ce-8f05-4b8c-acb5-a01b78e56918.png" width="1160" /> </figure> ilkhomjon:shorty2022-07-29T01:21:39.777Z2022-08-04T08:24:11.569Z

<img src="https://res.cloudinary.com/dz209s6jk/image/upload/q_auto:good,w_900/Challenges/erg4fyzl3bu0r4kwcvvq.jpg">GitHub | Netlify | Date: June 28, 2022

<p id="ONs2"><a href="https://github.com/Ilkhomjon2604/Shortly" target="_blank">GitHub </a>| <a href="https://ia-shortly.netlify.app/" target="_blank">Netlify</a>| Date: June 28, 2022</p> <figure id="BXlr" class="m_original"> <img src="https://res.cloudinary.com/dz209s6jk/image/upload/q_auto:good,w_900/Challenges/erg4fyzl3bu0r4kwcvvq.jpg" width="900" /> <figcaption><a href="https://drive.google.com/drive/folders/1NuPNBZbhFrZ1aF1YNxecSihdN1CA39ex?usp=sharing" target="_blank">More images are here </a></figcaption> </figure> <p id="M5sQ"></p> <h2 id="Lqjh">Information about Project</h2> <p id="6hFB">Shorty. URL shortening API landing page. Designed to shorten the links and has a few detailed parts. Mostly in the hero part bg img and input. Additionally, the statistics part was also more detailed and took more time.</p> <p id="xSko">The Challenging part of this web page was the URL form. Vertical negative margin works perfectly within flex. The creation time of the appearing elements should also be added to the total time. Placeholder and autofill styles should also be added.</p> <h2 id="9zDQ">Spent time on this project</h2> <p id="YEFb"></p> <figure id="08v0" class="m_custom"> <img src="https://img2.teletype.in/files/96/fe/96fe6aa0-aa2a-4f17-9d40-24767d13d954.png" width="982" /> </figure> ilkhomjon:namanganliklar242022-07-28T15:47:54.668Z2022-07-28T15:47:54.668Z

<img src="https://img4.teletype.in/files/bb/fb/bbfbe756-5029-4b2e-83b5-4583126b89f1.png">GitHub | Netlify | Date: July 17, 2022

<p id="ONs2"><a href="https://github.com/Ilkhomjon2604/Namanganliklar24-news" target="_blank">GitHub</a> | <a href="https://ia-namanganliklar24-demo.netlify.app/" target="_blank">Netlify</a> | Date: July 17, 2022</p> <figure id="MOTk" class="m_custom"> <img src="https://img4.teletype.in/files/bb/fb/bbfbe756-5029-4b2e-83b5-4583126b89f1.png" width="724" /> <figcaption>More images are<a href="https://drive.google.com/drive/folders/1PCFL1Qh_v7KoeX2U0TF3l1AIX0UMiQUx?usp=sharing" target="_blank"> here</a></figcaption> </figure> <p id="oPJ7"></p> <h2 id="Lqjh">Information about Project</h2> <p id="oaK4">Namanganliklar24 is a news website, that indicates the latest news in Uzbekistan and around the work. This website has a few pages and Additionally modal.</p> <p id="xSko">Difficulties that I had were the modal. It took more time than expected. Other parts are mostly structure. </p> <h2 id="9zDQ">Spent time on this project</h2> <p id="TsXf"></p> <figure id="KRIZ" class="m_column"> <img src="https://img4.teletype.in/files/b0/7e/b07eb4ad-9b72-4e9c-8f18-7c01cf6d4a3c.png" width="1216" /> </figure> ilkhomjon:easybank2022-07-24T13:29:12.189Z2022-07-28T05:51:55.266Z

<img src="https://res.cloudinary.com/dz209s6jk/image/upload/q_auto:good,w_900/Challenges/yezt1f56cfp2njnakpbo.jpg">GitHub | Netlify | Date: February 20, 2022

<p id="ONs2"><a href="https://github.com/Ilkhomjon2604/Easybank" target="_blank">GitHub</a> | <a href="https://ia-easybank.netlify.app/" target="_blank">Netlify</a>| Date: February 20, 2022</p> <figure id="IDlO" class="m_original"> <img src="https://res.cloudinary.com/dz209s6jk/image/upload/q_auto:good,w_900/Challenges/yezt1f56cfp2njnakpbo.jpg" width="900" /> <figcaption><a href="https://drive.google.com/drive/folders/18BKwu55PiT9_8_jgf7SZ2yiEkJ-oIOPT?usp=sharing" target="_blank">More images are here </a></figcaption> </figure> <p id="csag"></p> <h2 id="Lqjh">Information about Project</h2> <p id="Y91H">EasyBank Landing page: this is a sample of a bank website aimed to serve customers online. By re-building, this web page, applying bg image and bg color in the right way were improved and tested</p> <p id="xSko">Difficulties which I faced, are the background image in the hero part. The original size of the image was big and it was not possible to fix it on the web page. Other things went well without any difficulty </p> <h2 id="9zDQ">Spent time on this project</h2> <figure id="3TjI" class="m_custom"> <img src="https://img3.teletype.in/files/21/1c/211c42e5-b8ee-47fc-9c78-fa5970413cbe.png" width="902" /> </figure> ilkhomjon:bookmark2022-07-24T09:16:14.174Z2022-07-28T15:54:27.073Z

<img src="https://res.cloudinary.com/dz209s6jk/image/upload/q_auto:good,w_900/Challenges/nmfs59ofpjizo6knhpsr.jpg">GitHub | Netlify | Date: June 28, 2022

<p id="ONs2"><a href="https://github.com/Ilkhomjon2604/Bookmark" target="_blank">GitHub</a> | <a href="https://ia-bookmark.netlify.app/" target="_blank">Netlify </a>| Date: June 28, 2022</p> <p id="jXNV"></p> <figure id="zRsf" class="m_original"> <img src="https://res.cloudinary.com/dz209s6jk/image/upload/q_auto:good,w_900/Challenges/nmfs59ofpjizo6knhpsr.jpg" width="900" /> <figcaption><a href="https://drive.google.com/drive/folders/1DrD4DQ9aYbEb6dXGy6syKQGE1GHAV6Ry?usp=sharing" target="_blank">More images are here </a></figcaption> </figure> <p id="4gwI"></p> <h2 id="Lqjh">Information about Project</h2> <p id="XR7p">The Bookmark landing page: Just like AI is driving autonomous cars, Bookmark.com is building autonomous internet presences. Its main mission is to support entrepreneurs through the process of starting, building, and growing customers&#x27; online presence.</p> <p id="xSko">The Challenging part of this web page was the Features part. It required changing 3 elements in one click. Additionally, matching pictures and background images also took a little more time. The Extension part was easier than I thought. But FAQ was confusing little bit.</p> <h2 id="9zDQ">Spent time on this project</h2> <figure id="1cCZ" class="m_custom"> <img src="https://img3.teletype.in/files/ee/f8/eef8c03d-9452-4312-88af-fef21e76030b.png" width="923" /> </figure> ilkhomjon:e-commerce2022-07-23T18:58:58.402Z2022-07-26T19:02:01.028Z

<img src="https://res.cloudinary.com/dz209s6jk/image/upload/q_auto:good,w_900/Challenges/uehz7kwoo7gesfebbqi8.jpg">GitHub | Netlify | Date: July 17, 2022

<p id="ONs2"><a href="http://github.com/Ilkhomjon2604/E-commerce-product" target="_blank">GitHub</a> | <a href="http://ia-e-commerce-product-page.netlify.app/" target="_blank">Netlify</a> | Date: July 17, 2022</p> <figure id="Y28k" class="m_original"> <img src="https://res.cloudinary.com/dz209s6jk/image/upload/q_auto:good,w_900/Challenges/uehz7kwoo7gesfebbqi8.jpg" width="900" /> <figcaption>More Images in this <a href="https://drive.google.com/drive/folders/1c2Qhqn6vvUq57HT3lVIiJSEYkQ4jbugA?usp=sharing" target="_blank">link</a></figcaption> </figure> <h2 id="Lqjh">Information about Project </h2> <p id="sFzF">The E-commerce product page is about the online shopping website page. Aimed to improve making one page shopping cards and connecting few elements and force them to work together</p> <p id="VvQS"></p> <p id="xSko">While making this page, some difficulties were in the LightBox part. Mainly the generalization of CSS for the normal gallery part and Lightbox part. Additionally, separating the event of action from the normal gallery part and LightBox one.</p> <p id="ntxE"></p> <p id="NLa4"></p> <h2 id="9zDQ">Spent time on this project </h2> <figure id="GfWC" class="m_custom"> <img src="https://img1.teletype.in/files/4b/df/4bdf63db-ba80-4460-a74d-48ea177515a3.png" width="893" /> </figure>