Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

✨ Implement Responsive Design for QR Code Scanner Project 📱 #1085

Closed
wants to merge 763 commits into from
Closed

✨ Implement Responsive Design for QR Code Scanner Project 📱 #1085

wants to merge 763 commits into from

Conversation

tulu-g559
Copy link

Closes: #1023

  • Issue Title: Make QR Code Scanner Fully Responsive 🌐📱
  • Your Name: Arnab Ghosh
  • Your Role: JWOC

Describe the add-ons or changes you've made 📃

  • Implemented a responsive design for the QR code scanner project using CSS media queries to ensure optimal appearance across all devices.
  • Adjusted layout, font sizes, and video container dimensions for better user experience on smaller screens.
  • Enhanced the scan button and result box styling for smooth transitions and better visual appeal.
  • Added smooth animations for UI elements like the scan icon and result box for a more interactive experience.

Screenshots 📷

image

Type of change ☑️

What sort of change have you made:

  • Bug fix
  • [ x] New feature
  • Code style update (formatting, local variables)
  • Documentation update
  • Database update

Note to reviewers 📄

Please review the responsiveness on various screen sizes (desktop, tablet, and mobile). Let me know if further adjustments are needed!

VaishnaviMankala19 and others added 30 commits June 14, 2024 15:36
@VaishnaviMankala19
Updated README.md
64c42dc
@komal-agarwal5
currency converter
dee10eb
@Avdhesh-Varshney
Merge pull request Avdhesh-Varshney#320 from VaishnaviMankala19/Virtu…
1430ad0 
…al-Piano

added Virtual-Piano
@Avdhesh-Varshney
Merge pull request Avdhesh-Varshney#321 from AkhilaSunesh/edit
59ee205 
Hover text: edit
@Avdhesh-Varshney
Merge pull request Avdhesh-Varshney#322 from komal-agarwal5/komal
aea68fb 
Added Currency converter
@chaanakyaaM
Reddit UI clone added to frontend projects
a132f97
@chaanakyaaM
reddit UI clone added
251edc1
@Asymtode712
added text-to-img-gen
ff0a2c3
@Asymtode712
Update README.md
31d38d3
@Avdhesh-Varshney
Merge pull request Avdhesh-Varshney#335 from Asymtode712/TxtImgGen
8143eb2 
Added Text-to-Image Generator
@chaanakyaaM
name changed
9c2b14b
@Avdhesh-Varshney
Merge pull request Avdhesh-Varshney#333 from chaanakyaaM/issue-312
ba2edfc 
Reddit UI Clone added
@AmrutaJayanti
Added Text Translator
cd46fd6
@VaishnaviMankala19
install package
db3f40c
@VaishnaviMankala19
added functionallity
9be5db8
@Avdhesh-Varshney
Merge pull request Avdhesh-Varshney#339 from AmrutaJayanti/Text
a1b7c2e 
Added Text Translator
@Avdhesh-Varshney
Merge pull request Avdhesh-Varshney#342 from VaishnaviMankala19/back-…
0d928de 
…to-top

Scroll To up Button added
@zalabhavy
micorsoftfix (Avdhesh-Varshney#348)
0776dd9
@Anshika14528
Added Days between two Dates: Avdhesh-Varshney#338 (Avdhesh-Varshney#345
715ecf7 
)

* Added Days between two Dates: Avdhesh-Varshney#338

* Updated

* updated README.md file
@DharshiBalasubramaniyam
Added Notes app - React.js + Firebase (Avdhesh-Varshney#349)
caf90c2 
* Create README.md

* Added notes app project

* Update react.js README.md

* Update database-react.json

* Add screenshot.webp

* fixed the repetition in readme.md
@ParnaRoyChowdhury777
Issue#281 fixed. Added Meme Generator Project. (Avdhesh-Varshney#350)
59af971
@maradadivyasree020
code-editor added (Avdhesh-Varshney#340)
59b02b2 
* code-editor added

* changes added

* Updated README.md

* Update README.md badge

* Rename screenshot.png to screenshot.webp

* Update README.md ss
@Avdhesh-Varshney
bug-fix
44c781e
@AmrutaJayanti
Added Interactive-Periodic-Table (Avdhesh-Varshney#355)
b936af1
@Anshika14528
Added Password Strength Checker: Avdhesh-Varshney#347 (Avdhesh-Varshn…
8ac3e90 
…ey#356)

* Added Password Strength Checker: Avdhesh-Varshney#347

* updated README.md file
@VaishnaviMankala19
added movie-land (Avdhesh-Varshney#357)
ecef005
@zalabhavy
Facbook fix (Avdhesh-Varshney#369)
4f953a2
@Anshika14528
Added Anagram Checker: Avdhesh-Varshney#358 (Avdhesh-Varshney#371)
58e72ea 
* Added Anagram Checker: Avdhesh-Varshney#358

* Made changes
@1simransaini
Added project named Headline-Hub under Node-JS-Projects (Avdhesh-Vars…
d5e656b 
…hney#359)

* Added a News Website project under Node-Js-Project folder

* Renamed screenshot.webp.webp to screenshot.webp as requested
@DharshiBalasubramaniyam
Blog Website using NodeJS (Avdhesh-Varshney#379)
2ffc0d0 
* Add blog platform backend API

* Update node.js projects README.md

* Update node.json

* Delete package-lock.json
Avdhesh-Varshney and others added 22 commits December 4, 2024 12:39
@Avdhesh-Varshney
update: home page
3335709
@Avdhesh-Varshney
docs: update
2fec961
@Abankita
updated tags (Avdhesh-Varshney#1047)
e134e6f
@wildcraft958
Update Angular & Next Tags (Avdhesh-Varshney#1050)
2749abc 
* Update data.json

angular and next tags updates

* correction made

updated them as per package.json
@KajalDeore04
Avdhesh-Varshney#1059 - homepage styled (Avdhesh-Varshney#1060)
e49de39 
* Avdhesh-Varshney#1059 - homepage styled

* formatting
@Thunder-Blaze
Added FAQs Section (Avdhesh-Varshney#1061)
b53a1ca 
* Added FAQs Section

* Fixed Eslint Issues
@Sakshamjain98
🧑‍💻: 404 Error page Avdhesh-Varshney#402 (Avdhesh-Varshney#1066)
4b3778d
@monark1
Amazon clone (Avdhesh-Varshney#1064)
9073539 
* Create Readme.md

* Add files via upload

* Update and rename amazon.html to index.html

* Create d

* Add files via upload

* Delete amazon-clone/box1_image.jpg

* Delete amazon-clone/box2_image.jpg

* Delete amazon-clone/amazon_logo.png

* Delete amazon-clone/box3_image.jpg

* Delete amazon-clone/box4_image.jpg

* Delete amazon-clone/box5_image.jpg

* Delete amazon-clone/box6_image.jpg

* Delete amazon-clone/box7_image.jpg

* Delete amazon-clone/box8_image.jpg

* Delete amazon-clone/header1.jpg

* Delete amazon-clone/header2.jpg

* Delete amazon-clone/header3.jpg

* Delete amazon-clone/header4.jpg

* Delete amazon-clone/header5.jpg

* Delete amazon-clone/header6.jpg

* Delete amazon-clone/headphone2.webp

* Delete amazon-clone/footer.png

* Delete amazon-clone/headphone4.jpg

* Delete amazon-clone/hero_image.jpg

* Delete amazon-clone/home-page.png

* Update index.html

* Update amazon.css

* Update cart.html

* Update login.html

* Update product.html

* Add files via upload

* Update Readme.md

* Update index.html

* Delete amazon-clone/footer.webp

* Rename home-page.webp to Screenshot.webp

* Create d

* Add files via upload

* Add files via upload

* Add files via upload

* Update README.md

* Delete src/app/(category)/frontend/(projects)/Amazon-clone/images/d

* Update data.json

* moved folder

* Rename to screenshot.webp

* .

* Add files via upload

* move

* moved folder

* Update README.md

* Update data.json

* .
@DeyNik
real-time-chat-application (Avdhesh-Varshney#1069)
fdbaf4e 
* real-time-chat-application

* real-time-chat-application
@Avdhesh-Varshney
issue-templates-update
9d29c74
@Avdhesh-Varshney
update: pr-template
83ff799
@Avdhesh-Varshney
enhancement: main-readme
1e49ca8
@Sakshamjain98
Update Vanilla JS Data.json (Avdhesh-Varshney#1075)
efb6d54
@Sakshamjain98
Update data.json Next, Vue, Angular, TypeScript (Avdhesh-Varshney#1076)
58c1b31
@Avdhesh-Varshney
update: guidelines
9498c4b
@Avdhesh-Varshney
del: codeql workflow
e1a4d26
@Avdhesh-Varshney
update: workflow
53bc7b9
@Harshit457
medrecord added (Closes Avdhesh-Varshney#1078) (Avdhesh-Varshney#1079)
097adce 
* medrecord added

* medbrain-added-with-readme

* update readme

* med-brain added

* med-brain added

* add med-brain
@Harshit457
real time chat app added (Avdhesh-Varshney#1081)
68493b2 
* real time chat app added

* real-time-chat-app added

* real-time-chat-app added
@DeyNik
email-validator (Avdhesh-Varshney#1082)
c02ef70
@Sakshamjain98
React & Node json data update (Avdhesh-Varshney#1083)
30a25ba 
* Update Vanilla JS Data.json

* Update Next , Vue, Angular , TypeScript Tag in Data.json

* Done React And Node update data.json
@tulu-g559
Prepared a QR_reader
016634b
@vercel Vercel
Copy link

vercel bot commented Feb 17, 2025

@tulu-g559 is attempting to deploy a commit to the avdheshvarshney's projects Team on Vercel.

A member of the Team first needs to authorize it.

@github-actions GitHub Actions
Copy link

Thank you for submitting your pull request! We'll review it as soon as possible. For further communication, join our discord server https://discord.gg/tSqtvHUJzE.

Avdhesh-Varshney
Avdhesh-Varshney requested changes Feb 18, 2025
View reviewed changes
Copy link
Owner

@Avdhesh-Varshney Avdhesh-Varshney left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  • Keep your project under vanilla-js and enlist your project in main readme and data.json file.
  • Carefully read & follow the guidelines mentioned in main README file 👍

src/app/(category)/frontend/(projects)/qr-code-reader/Screenshot.png
Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Convert this file into webp format and keep your file name in lowercase letters.

src/app/(category)/frontend/(projects)/qr-code-reader/README.md
Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Follow the project readme template.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers

@Avdhesh-Varshney Avdhesh-Varshney Avdhesh-Varshney requested changes

Assignees

@tulu-g559 tulu-g559

Labels
bug Something isn't working
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.