dsc-jss-noida/quicklearn

A collection of resources categorised by tech domains, languages, expertise and much more. QuickLearn gives you a quick access to all the resources that you could need at a single place, within a click!

QuickLearn

A collection of resources categorised by tech domains, languages, expertise and much more. QuickLearn gives you a quick access to all the resources that you could need at a single place, within a click!

Browser Support

• Firefox: version 4 and up
• Chrome: any version
• Safari: version 5.2 and up
• Internet Explorer/Edge: version 8 and up
• Opera: version 9 and up

Technology Stack used:

• Frontend: HTML5, CSS3, JavaScript

• IDE: VS Code
• Version Control: Git and GitHub

---

Our Contributors !! ✨

Thanks to these wonderful people: ✨

Get Started

Demo 🎥

Website for this repository : https://dsc-jss-noida.github.io/QuickLearn/

Steps for Contributing

Frontend

• Fork and clone the Repo by typing the following commands in the terminal

$ git clone https://github.com/<your-github-username>/QuickLearn.git
$ cd QuickLearn

• Now to add your resource to website, add an object with keys same as listed in existing objects in the file.
  
• Save and commit your code.
  
• Push to your fork of the repository , navigate to original repository and make a pull request.
  

---

---

---

• Make changes to the code(for ex- add an update route)
• Stage your changes using:

$ git add .

• Commit your changes using:

$ git commit -m "add any comment"

• Push the changes to the forked repository using:

$ git push

• Navigate to the original repository and make a pull request

Showing Your Remotes

$ git remote

$ git remote -v

Adding Remote Repositories

git remote add upstream https://github.com/DSC-JSS-NOIDA/QuickLearn.git

Pulling from Your Remote

$ git pull upstream main

Resources

• Git and Github: Git and Github for Beginners
• Frontend: Frontend development for Beginners

Happy?? Star ⭐ this Repo. 🤩

Made By GDSC JSS NOIDA with ❤️

Need help? > Feel free to contact us @ [email protected]

Connect with us

License

Licensed under the MIT license.

quicklearn's Issues

Adding a quote blog on Quick Learner

hi I am Suneeth Taneja | Participant GSSOC'22

As Quick Learner is basically a learning app, we can add a small block of inspirational quotes on the web page?

Please Assign me an Issue.
I will give the quotes content and add on the landing page of the website.

Adding Svelte to Frontend intermediate resources

Adding Svelte to Frontend intermediate resources as its gaining traction in Frontend community for its simplicity.

Adding the Stars/ Ratings to a Particular course

Hi, this is Suneeth Taneja

• Adding Stars/ Rating ⭐ to the most picked up course by the learners can guide the others to select the most appropriate and the right course
• Just need someone to work on statistical part along with me to know which course is the most clicked course to assign the rating stars filling color.

error in git command in resource.html

hey there was a similar error in git command when you visit to https://dsc-jss-noida.github.io/QuickLearn/resource.html, this PR will fix that. Please review

Beginner section links not working

Improve Start Learning Section UI in Home page (may add some overlays or simple animation effects)

Cards under Resources section get distorted and overlap when the screen size is altered(Not Responsive)

Describe the bug
When we change the size of the screen , at few points the cards overlap, before they finally wrap themselves in .

To Reproduce
Steps to reproduce the behaviour:

1. Go to: https://dsc-jss-noida.github.io/QuickLearn/index.html
2. Click on: Explore Resources
3. Click on : Category {select any category from the list}
4. Select any course {example: Web Development -> Frontend}
5. Exit the full screen of the window and go to the edge of your browser
6. Try to change the size of the screen and see the card getting piled up on each other.

Expected behaviour
The cards should change their size and adjust according to the window size and then after a certain breakpoint shouldn't pile over one another.

Screenshots

Desktop (please complete the following information):

• OS: Windows 10
• Browser: Chrome
• Version: 98.0.4758.102 (Official Build) (64-bit)

Additional context
I would like to work on this issue , Kindly Assign it to me.
(GSSoC’22 Contributor)

Top Navbar modification

@AMAN123956 sir I am GSSOC 2022 participant
I would like to modify the navbar, it will consist various options like resources, features, contact , sign in which will be really helpful to the user to transit easily instead of scrolling pages.
I will also add CSS part will make it good.
Atlast I will add a search button through which user can search their courses easily.

so assign me for this problem.

Top Navbar UI

Can I redesign the UI of top navbar ? Also I want to make some improvements in the side navbar.

Dark Mode is Not Working

Describe the bug
Upon clicking the button just next to Resources button for enabling dark mode, it is not working.

To Reproduce
Steps to reproduce the behavior:

1. Go to website
2. Click on Dark Mode Button

Expected behavior
Upon clicking the button, the website should appear in dark mode. But it is still remaining in light mode

Screenshot

Desktop

• OS: Windows 10
• Browser: Microsoft Edge
• Version: 98.0.1108.62 (Official build) (64-bit)

Issue Regarding the number of website links given for cpp immediate level

Issue Regarding the number of website links given for CPP immediate level

Solution
Adding more good links that are personally recommended by me.As an immediate to advance level coder

links and screenshots

Websites like-:https://www.youtube.com/c/fitcoder
https://www.google.com/searchq=aditya+verma&oq=aditya+verma&aqs=chrome..69i57j46i19j0i19l8.7494j0j4&sourceid=chrome&ie=UTF-8

Improve UI for Programming

I would love to work on the UI section of the Programming web pages. I will improve the card design and add meta descriptions with appropriate images for the resources in the tags.

Enhancement: Add custom scroll bar

Description

• I want to add custom scroll bar for this website.

Screenshot

• Please assign me on this issue under GSSOC '22.

Buttons issue

Once the button is clicked -category list opens , but now on clicking again it should be closed .

So, We can implement closing the list when user clicks again on the button.

I would Like to work for this issue as a part of GSSOC 2022 Program.

Night Mode Not working

Night Mode could be enable for better UI/UX

Improve Feature Section UI

Update feature section ui of landing page

Add resources for MEAN Stack

Hello, I'm a GSSo'C 22 Contributor, Please assign me this issue
I will add MEAN Stack resources related to Web Development

Separating Code Snippets from Text

Describe the bug
The issue is that, When you open the Contribution Guidelines from the site, The commands written over there are simple text messages. When user switches to dark mode, It do not seem appealing. So, What we can implement is simply, with the support from HTML5 convert those code snippets into <code> tags and then apply CSS accordingly to make the snippets visually appealing as separate code blocks.

To Reproduce
Steps to reproduce the behavior:
Link to Page

Expected behavior
The code snippets must be seperated from the normal text into code blocks. See into the image given below.

Screenshots

Desktop (please complete the following information):

• OS: [Ubuntu 20.04]
• Browser [Chrome]
• Version [98]

---

I would Like to work for this issue as a part of GSSOC 2022 Program.

Make a uniform UI for the Mobile preview, Try managing the side navbar on mobile for better UX

Improved Social Media Icons

Social Media Icons

Some improvement in Social media icons is required. The Icons are positioned slightly right and it looks asymmetrical.

Adding Scroll back to top botton feature

Description

• I want to add scroll back to top button for this website.
• This will improve website’s User Experience(UX) with an arrow, when a user start scrolling the page. The page smoothly scrolls back to top when the the button is clicked.

Screenshot

• Please assign me to work for this feature under GSSOC '22.

Add resources for Frontend

Add resources related to frontend web development

Add Favicon

Practice projects with solution can be added

Along with the courses there practice projects can be added along with there code and in programming languages a proper question bank of different levels can be added.
I am Gssoc 2022 participate and want to work in this issue.
Kindly assign this issue to me.

Add resources for JavaScript

Hello, I'm a GSSo'C 22 Contributor, Please assign me this issue tomorrow
I will add JavaScript resources related to Programming

Update contact section ui

Add resources for C language

Hey,
I'm a GSSOC' 22 Contributor, Please assign me this issue
I will add resources of C language according to the Beginner, Intermediate and Advanced Levels

Adding animation on hover over feature cards

Add resources related to Mobile Development-> Android

Hello,

I want to work on this issue. Please assign it to me.
I would like to add resources to the Android section

.

Design a Logo for the website

Add SEO friendly meta tags

Hey, I saw that a really helpful website like QuickLearn doesn't have SEO friendly tags. I want to add SEO friendly tags. Can you please assign this issue to me?

Update ui on the basis of template availabel

Update the ui according to templates provided in design folder of this repo

Adding more resources for robotic section

Hello @deshraj , I want to add more resource for robotic section. Can i work on this under GSSOC'22 ?

Add responsiveness to contact section

Issue faced
Currently, the contact section is not responsive making it difficult for users to operate contact section in tablet or mobile screen.

Improvements suggested

• * Alignment of contact section text according to screen size
• * Better placement of contact form and contact information card for mobile UI
• * Better placement of submit button
• * Completely responsive contact section

Result achieved
Easy to read and fill contact section in screen size less than laptop

I am a GSSOC 2022 participant
Kindly assign this issue to me.

small mistake in git command in README.md

please review the below linked PR

Navbar UI

Navbar can have more columns like testimonials, Offer on Courses etc.

Add a responsive navigation bar

Payment Gateway Integration

Is your feature request related to a problem? Please describe.

Yes, this feature request is related to a problem. Integrated payment gateway using Razorpay with multiple payment methods e.g. through credit cards, Paypal etc. Generated invoice of the payment done and sent through email to the use

Describe the solution you'd like

Built a donation website to generate awareness and motivation among people for donation.

page footer

i want to improve the footer section of home page. Please assign this issue to me.

Improve categories section UI

Improve categories section UI by adding animated dropdown effect for better look and feel.

Add See Contribution Guidelines Page

Hey, I think that See Contribution Guidelines button on index.html is not working, and Explore Resources button is also redirecting user to the Contribution section of the Resouces.html page, can I work to resolve both of these issues, and if you want me to add a favicon I can add that too after designing one, if you agree ??

Make the site responsive for mobile and tablet screens

Add resources related to Web Development

There are very few resources in the web development section, and most of them are set to the default (MDN docs).

Change the CSS of Categories and Dark mode

The styling of categories panel is not that much attractive so we can make certain changes in the CSS part so as to make it more attractive so that more number of users will visit that page.

Moreover certain changes can be made in the dark mode CSS part. The present color will put more pressure on eyes of programmer during the night time.. So subsequent changes can be made there also

docs: Adding a Pull Request Template

Chnages

• Adding a PR template
• Template path .github/PULL_REQUEST_TEMPLATE.md

Template Preview (while creating a PR.)

• Contribution towards GSsoc`22, Thank You

Change the CSS of Cards and Categories

We can add new css to make the cards and categories section a bit attractive and informative.

I would like to work upon this issue could you assign it to me.

Fix the Start Learning button

Improve Contact section UI

improving the contact section with a modern look

Add resources related to Programming Languages

Resources related to Programming required

Add resources for Cloud Computing

Hey,
I'm a GSSOC' 22 Contributor, Please assign me this issue
I will add resources of Cloud Computing according to the Beginner, Intermediate and Advanced Levels