Skip to content

Pinky057/pinky057

Repository files navigation

Hi there πŸ‘‹ it's Ummey Habiba Pinky

Here are some ideas about me

  • 🏫 Hello, everyone. I'm a software developer and graduated from East West University with a Computer Science and engineering degree.
  • 🌱 have been working with React JS, React Native, tailwind CSS, HTML5, CSS3, Bootstrap, Next JS, JavaScript, MySql
  • πŸ’» I also love to do digital arts, UI/UX, Photography, Cooking, Gardening, etc.
  • πŸ“« My Portfolio: Ummey Habiba Pinky
  • πŸ“² My Link In Bio -Linktree: Link In Bio
  • πŸ“² My Link In Bio Portfolio: Ummey Habiba Pinky
  • πŸ“² My Link In CSS Battle: CSS battle profile
  • πŸ“ I regularly write articles on: DEV.io profile

An image of @pinky057's Holopin badges, which is a link to view their full Holopin profile

▢️ Recent videos:

How to make VS Code transparent || Glassy vscode

Description

This video provides an introduction to API testing. Watch the video to learn more about how to test APIs effectively.

GitHub stats GitHub stats

Pinky057's GitHub | Stats Pinky057's GitHub | Dependencies


trophy

πŸš€ Connect with me

youTube Badge instagram Badge Linkedin Badge Github Badge Mail Badge Quora Badge Behance Badge pinterest Badge Codepen Badge

πŸ’» Languages and Tools:

HTML Badge CSS Badge SASS Badge Javascript Badge Typescript Badge React Badge Next Badge Tailwind Badge Node Badge Bootstrap Badge Styled Badge Material UI Badge Material UI Badge Ant Design Ui Badge React Router Badge Netlify Badge Markdown Badge Windows Badge Ubuntu Badge Bitbucket Badge Git Badge Npm Badge Dango Badge Yarn Badge Vercel Badge Google Chrome Badge Vs Code Badge Markdown


πŸš€ Some Projects

πŸ“’ Extensions

GetQuoetsEveryday-Extension
  1. Github Link : [[https://github.com/Pinky057/GetQuoetsEveryday-Extension))
  2. Youtube Link : [[https://youtu.be/mLAb6_LZmYU?si=AP6S36yfh3lq0imP))
  3. Article Link : [[https://dev.to/pinky057/lets-create-our-first-chrome-extension-2jk1))

ss

πŸ“’ Computer Commands & Tricks

Windows 11 Hack: Make Google Chrome Your Default Browser in Minutes
  1. Youtube Link : [[https://youtu.be/dbgiAreTa5c?si=hrGyqkgYx3-n0yiv))
  2. Article Link : [[https://dev.to/pinky057/windows-11-hack-make-google-chrome-your-default-browser-in-minutes-32j8))

ss

Boost Productivity: Install GitHub Desktop on Windows
  1. Youtube Link : [[https://www.youtube.com/watch?v=zrR4fLUEm7c))
  2. Article Link : [[https://dev.to/pinky057/install-github-desktop-on-your-windows-3kc9))

ss

Windows hacks for you
  1. Youtube Link : [[https://youtu.be/uvQSPmSVZyo?si=vmU77UR3yXtxpbge))
  2. Article Link : [[https://youtu.be/uvQSPmSVZyo?si=vmU77UR3yXtxpbge))

ss

πŸ“’ HTML & CSS Tricks

  1. GitHub code : https://github.com/Pinky057/Css-Tips-and-tricks
CSS BACKGROUND BLEND MODE
  1. YouTube LInk : [[https://www.youtube.com/watch?v=aCkOKtTuZQg&t=2s))
  2. GitHub code : https://github.com/Pinky057/Css-Tips-and-tricks/tree/Css-blend-mode
  3. Technology : HTML, CSS.

ss

CSS TEXT SELECTION
  1. YouTube LInk : [[https://youtu.be/SimfIch0CAE))
  2. GitHub code : https://github.com/Pinky057/Css-Tips-and-tricks/tree/Css-Text-Selection
  3. Codepen link : https://codepen.io/Ishrat_Pinky/pen/yLjwjxg
  4. Technology : HTML, CSS.

ss

HOW TO LIMIT TEXT LINES WITH CSS ONLY
  1. YouTube LInk : [[https://youtu.be/91pYnwav14Y))
  2. Codepen link : https://codepen.io/Ishrat_Pinky/pen/YzveVXx
  3. Technology : HTML, CSS.

ss

BUTTONS WITH AWESOME HOVER EFFECT USING ONLY HTML & CSS
  1. YouTube LInk : [[https://youtu.be/PxCnjA92EN8))
  2. GitHub code : https://github.com/Pinky057/CSS-Buttons
  3. Live demo : https://css-buttons-three.vercel.app/
  4. Technology : HTML, CSS.

ss

πŸ“’ Landing Pages

Responsive Landing Page With Video Background, Navbar, and social Icons using HTML & CSS
  1. GitHub Link : [[1. GitHub Link : [[https://github.com/Pinky057/VideoBackground-With-HTMLand-CSS))
  2. YouTube link : [[https://www.youtube.com/watch?v=lgST-3HBgNc&t=4s))
  3. Live Demo: [[https://video-background-with-htm-land-css.vercel.app/)) ss

πŸ“’ Gradient Effects

Animated Gradient Background with Navbar in HTML & CSS
  1. GitHub Link : [[1. GitHub Link : [[https://github.com/Pinky057/Gradient-background/tree/animated-background))
  2. YouTube link : [[https://www.youtube.com/watch?v=lgST-3HBgNc&t=4s))
  3. YouTube Shorts: [[https://youtu.be/EKVnyE7ajLc)) ss ss

πŸ“’ Linux Commands and Tricks

Install Kdenlive Ubuntu 18.04 LTS and Ubuntu 20.04 LTS

1.Youtube Link : [[https://youtu.be/x8M4Wv34gM8))

ss

πŸ“’ Tools and Tricks

3 color Gradient Tools for web designers || Gradient color picker online Tools
  1. Live Demo : [[https://www.youtube.com/watch?v=CHnAgefVhOE&t=1s))

ss

πŸ“’ VS CODE TIPS & TRICKS

Top 10 Visual Studio Code Themes You Should Try Today
  1. YOUTUBE LINK : [[https://youtu.be/Gnkwj8cIbGk?si=Y2I0bQuqgVZhaAAk))

ss

  1. Article LINK : [[https://dev.to/pinky057/check-out-these-top-10-coolest-themes-for-visual-studio-code-that-you-definitely-need-to-try-234l))
Top 10 VS Code Extensions You Must Try
  1. YOUTUBE LINK : [[https://youtu.be/QLCRWPs2gmU))

ss

How to make VS Code transparent with GlassIt-VSC Extension
  1. YOUTUBE LINK : [[https://youtu.be/7nOhaT_6mgE?list=PLqLig-ZJTQswULguoMuogZWO7gajYKCvm))

ss

Screenshot your code with CodeSnap - Top VS Code Extensions - CodeSnap
  1. YOUTUBE LINK : [[https://youtu.be/RJlxPYX_5wM?list=PLqLig-ZJTQswULguoMuogZWO7gajYKCvm))

ss

πŸ“’ React Projects

Linkedin Clone
  1. Live Demo : https://cortexlink-react.vercel.app/
  2. Technology : ReactJS,Tailwind CSS, UI,Next js ss
Hulu 2.0 Clone
  1. Live Demo : [https://hulu-2-0-clone-beta.vercel.app/)
  2. Technology : ReactJS,Tailwind CSS, UI,Next js, TMDB movie Database. ss
Login Form using Material Ui, Formik and Yup Validation
  1. Live Demo : [https://hulu-2-0-clone-beta.vercel.app/)
  2. Technology : ReactJS,Tailwind CSS, UI,Next js, TMDB movie Database. ss

πŸ“’ Python Projects

Python Turtle Circle Animation
  1. Live Demo : [[https://www.youtube.com/watch?v=aCkOKtTuZQg&t=2s))
  2. GitHub code : https://github.com/Pinky057/pythonTurtle-playground/blob/main/CircleLOop.py
  3. Technology : python, turtle.

ss

Python Turtle Spiral Animation
  1. Live Demo : [[https://www.youtube.com/watch?v=YL_EWQM4PHg))
  2. GitHub code : https://github.com/Pinky057/pythonTurtle-playground/blob/main/spiral.py
  3. Technology : python, turtle.

ss

Python Turtle Star Animation
  1. Live Demo : [[https://www.youtube.com/shorts/X8p2pn-H5X0))
  2. GitHub code : https://github.com/Pinky057/pythonTurtle-playground/blob/main/star.py
  3. Technology : python, turtle.

ss

Python Turtle Rainbow Animation
  1. Live Demo : [[https://www.youtube.com/shorts/TGoYFO0liHI))
  2. GitHub code : https://github.com/Pinky057/pythonTurtle-playground/blob/main/rainbowLoop.py
  3. Technology : python, turtle.

ss

πŸ“’ Gadgets

BAJEAL K 100 Mechanical Keyboard

YouTuabe Link : https://youtu.be/RQnqBFC_108

ss

About

my personal resume

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published