Project List

Professional Projects & Portfolio on Youtube

1. Linkedin Projects ( Your LinkedIn account must be logged in) https://www.linkedin.com/in/cengizilhan/details/projects/

2. Linkedin Projects on Youtube https://www.youtube.com/watch?v=kA2CS5G1-zg&list=PLDUL75YNAMAkIO5Tpc1ow2v5oygV42Okj

Scripts / Libraries

1. Typography SCSS Generator - Figma Plugin https://www.figma.com/community/plugin/1239294154051662580

2. Font Calculator - Figma Plugin https://www.figma.com/community/plugin/1243685982553847829/Font-Calculator

3. SawaMotion - Animation Helper Script https://github.com/sawacrow/SawaMotion

4. SCSS Mapper https://www.npmjs.com/package/scss-mapper

5. Html Gulp Boilerplate https://github.com/cengizilhan/HTML-Gulp-Boilerplate-Scss-Gsap.js-Sawacrow-

Chrome Extensions

1. Image Fixer https://chromewebstore.google.com/detail/image-fixer-instantly-rep/plgcacjbflgmfgklldoliolleahhlgag

Youtube Tutorials

1. CSS Practices https://www.youtube.com/watch?v=w3Vho386cXs&list=PLDUL75YNAMAmEB9RAsLpvJN-Lwra_u-5t&ab_channel=sawacrow

Back-end Projects

1. Shopler Express API (Express.js, Node.js) https://github.com/sawacrow/ExpressApiPublic

2. Next JS by Wordpress Rest (Next.JS, WP API & TypeScript) https://github.com/sawacrow/nextjs-wordpress-rest/

Front-end Projects

1. Glitch Slider (Three.js, OpenGL) https://github.com/sawacrow/Distortion-Glitch-Effect-IMGSlider

2. Sawacrow Blogger (React.JS, Wordpress API) https://github.com/sawacrow/Sawacrow-Blogger

3. Shopler Shop E-Ticaret (JS, Jquery, CSS) https://github.com/sawacrow/ShoplerShopNewThemeJSON

4. 2024 Developer Salary Survey Results / 2024 Yazilimci Maaş Anketi Sonuçları https://github.com/cengizilhan/2024-yazilim-maas

5. Designer Resume CV (CSS) https://github.com/sawacrow/DesignerResumeCV

6. The Comfort Zone (CSS) https://codepen.io/sawacrow/pen/MWvNbgx

Blog Pages / Articles

1. Blog / Medium https://medium.com/@sawacrow

2. JavaScript Bellek Yönetimi: Heap ve Stack Optimizasyonu https://medium.com/@sawacrow/javascript-bellek-y%C3%B6netimi-heap-ve-stack-optimizasyonu-8606d66f3c10

3. Odak: Task Değiştirme Kaosunu Yönetme https://medium.com/@sawacrow/odak-task-de%C4%9Fi%C5%9Ftirme-kaosunu-y%C3%B6netme-d4d8dee61adb

4. Before / After Nedir ve Hangi Durumlarda Kullanılır? https://medium.com/@sawacrow/before-after-nedir-ve-hangi-durumlarda-kullan%C4%B1l%C4%B1r-002633bab249

5. Modern Methods of Adding Icons in HTML https://tasarlab.com/htmlde-ikon-eklemenin-modern-yontemleri/

6. Creating Font Files with Nucleo https://tasarlab.com/nucleo-ile-font-dosyasi-olusturmak/

7. Creating Two-Column Input Placeholders https://medium.com/@sawacrow/method-to-make-the-input-placeholder-multi-line-88fffb2485fa

8. In Responsive Front-end Development – Modern Methods – 1 https://tasarlab.com/responsive-front-end-gelistirmede-modern-yontemler-1/

9. Veri Getirme ve DOM’a Yansıtma Yöntemleri https://medium.com/@sawacrow/veri-getirme-ve-doma-yans%C4%B1tma-y%C3%B6ntemleri-4aa94ca6778c

10. WordPress API Kullanarak Next.js Projesi Yapalım https://medium.com/@sawacrow/wordpress-api-kullanarak-next-js-projesi-yapal%C4%B1m-ef009875a45b

11. Javascript’de Url Search Parametrelerini Yönetme https://medium.com/@sawacrow/javascriptde-url-search-parametrelerini-y%C3%B6netme-4f742ae875f3

Codepen Projects - Components

1. All Components / All Components https://codepen.io/collection/OLemmY
2. Pulse Animated SVG File https://codepen.io/sawacrow/pen/qByabjx
3. Hover Trigger Slide Change with Swiper - Pagination ( Only CSS ) V2 https://codepen.io/sawacrow/pen/OJwVoPb
4. Input Autocomplete Div with Only CSS https://codepen.io/sawacrow/pen/vYaVVLL
5. Adaptive Navigation: Modal for Mobile and Dropdown for Desktop https://codepen.io/sawacrow/pen/RwBJZoG
6. GSAP Svg Animation https://codepen.io/sawacrow/pen/qByRBMd
7. Gsap Video Animation Based By Scroll Progress https://codepen.io/sawacrow/pen/qBMxyWR
8. Animated Swiper Pagination with Progress Indicator https://codepen.io/sawacrow/pen/WNKrLVd