GithubHelp home page GithubHelp logo

sahityaroy / e-learning-freesite Goto Github PK

View Code? Open in Web Editor NEW
59.0 1.0 82.0 27.31 MB

This site is mainly design for those student who don't know how to start their journey in the field of programming

Home Page: https://sahityaroy.github.io/E-Learning-freesite/

License: MIT License

HTML 42.25% CSS 57.65% JavaScript 0.09%
educational-project education educational-software hacktoberfest hacktoberfest-accepted e-learningportal hacktoberfest2022

e-learning-freesite's Introduction

Hi ๐Ÿ‘‹ I'm Sahitya Roy

I believe Learning in public Join me on my YouTube channel so that you can watch my tutorial videos ๐Ÿ‘ฉโ€๐Ÿ’ป๐Ÿ™Œ

I develop software, build technical communities, create content and love meeting new people!

Building India's Largest Student Commuinity Eduhub Community

Join our community **EduHub Community**! Where we believe Collaboration and grow together

Sign up to Our community Linkedin Page to be kept up-to-date monthly with upcoming events, community achievements and more

Building India's largest community | Co-Founder EduhubCommunity.tech| 1.4k Subscriber on Youtube | Keynote Speaker 15+ Events | Open Source enthusiast || Microsoft Az-Dev Lead || Community Enthusiast | Microsoft Learn Student Ambasaddor | Google Developer Student Lead. Talks about #learning, #community, #hackathon, #internship

Engineering student with problem-solving skills and ability to perform well in a team. Student of B.Tech Computer science engineering from the University Of Engineering and management, Jaipur.

SahityaRoy's GitHub | Languages Over Time SahityaRoy's GitHub | Dependencies

Latest YouTube videos

SahityaRoy's Web3 | Identity

sahityaroy

sahityaroy07

7584926589



  • ๐Ÿ”ญ Iโ€™m currently working on Web3 Community Building

  • ๐ŸŒฑ Iโ€™m currently learning Blockchain

  • ๐Ÿ‘ฏ Iโ€™m Working with Eduhub Community Dapps.co

  • ๐Ÿ‘จโ€๐Ÿ’ป All of my projects are available at my Portfolio

  • ๐Ÿ“ I regularly write articles on LinkedIn

  • ๐Ÿ’ฌ Ask me about Programming and design Community Bonding

  • ๐Ÿ“ซ How to reach me: Twitter

  • ๐Ÿ“„ Know about my experiences in my Portfolio

dino

Sahitya's GitHub activity graph

Connect with me

ย ย ย ย  ย ย ย ย  ย ย ย ย  ย ย ย ย 

Happy Coding ๐Ÿ‘จโ€๐Ÿ’ป

My Latest Badges & Achivements ๐ŸŽ‰

 Hacktoberfest-2022  Cloudflare Developer Challenge Winner 2021


โšก Technologies

Language

Java Python C++

HTML5 CSS3

Languages and Tools

android arduino c git java kotlin photoshop python xd

Support

7584926589


[![SahityaRoy's GitHub | Languages Over Time](https://stats.quine.sh/SahityaRoy/languages-over-time?theme=dark)](https://quine.sh?utm_source=widgets&utm_campaign=SahityaRoy) sahityaroy sahityaroy sahityaroy

| Jokes Card |

e-learning-freesite's People

Contributors

123rc avatar 2024-sandhya avatar aakankshabhende avatar aditya-pratap-01 avatar amarsansil avatar amitp138 avatar dipendu27 avatar herevikram avatar hilalsidhic avatar i-roshankumar avatar manika137 avatar naman1852 avatar nikolatesla2001 avatar nishith-p-shetty avatar nitindra1290 avatar payaldutta avatar priyachandak24 avatar rakeshcharpe avatar rishabh062 avatar rudramadhaba avatar sahityaroy avatar sakshieng avatar samseptwo avatar sayyam19 avatar shreyshreyansh avatar smilewithkhushi avatar soumalya007 avatar swarnavadas-333 avatar swastik1710 avatar yadvendra016 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

e-learning-freesite's Issues

Adding Code of Conduct file

Creating a Code of Conduct which everyone must abide by and mentioning the Scope of this Code of Conduct.

Color Change In Dark Mode

In the Dark Mode
Learn with Fun on isn't visible the color needs to be changed to some visible one like white or something.
Screenshot 2022-10-03 195928
Screenshot 2022-10-03 200023

Hovering on navbar items shifts other items

Description
The buttons in the navbar, when hovered grow in size by changing the actual font size, which pushes rest of the elements to side

To Reproduce
Steps to reproduce the behavior:

  1. Go to the website
  2. Hover on any navbar item
  3. Notice that the items have been shifted

Expected behavior
We could use transform property which would only grow the item being hovered upon instead of shifting other elements

Screenshots
Screenshot (19)
Screenshot (20)

Desktop (please complete the following information):

  • OS: Windows 11
  • Browser Brave
  • Version 1.44.105

Additional context
I would like to work on this issue, please assign this to me under the hacktoberfest tag

Need a animated Blog page

Is your feature request related to a problem? Please describe.
[ I need a blog page where students can upload their blog in that section ]

Describe the solution you'd like
You can create a simple blog page and add this link on blog nav bar option, but blog page should be mobile responsive.

UI Problems

I have found some issues related to the UI.

UI Problem

  1. No spacific font family.
  2. Navigations theme icon outflow the screen.
  3. The navigation bar hover effect badly implemented. ( Not Going back to it's original position when hover out)

UI problem In dark theme

  1. Background blends with the text.
  2. Page theme colour is too much black
  3. Also footer color blends with the text color (No Colour contrast)

I would like to solve this issue so that the website gets a more attractive and cleaner look.

Adding more online courses to the webpage

Is your feature request related to a problem? Please describe.
Need to update the website as per the latest languages/technologies which are being used!

Describe the solution you'd like
I would like to add atleast three video resources for Flutter, PHP and NestJS in the section below

Screenshot (926)

Add AOS to homepage

Is your feature request related to a problem? Please describe.
I woudl like to add 'Animate on Scroll' feature to this website's homepage.

Describe the solution you'd like
Whenever the user scroll pasts though the various sections of the homepage then the cards and content will appear in animation. For example in the online courses section all the cards would appear in top to bottom animation when the user scrolls through them.

Additional context
Kindly please assign me this issue!

Dark mode button and top view button collab each other

Describe the bug
IN THE RIGHT SECTION OF THE WEBSITE IN BUTTOM YOU CAN SEE DARK MODE AND TOP ARROW OVERLAP EACH OTHER SO PLEASE FIXED THSI ISSUE .

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.
29 09 2021_10 21 30_REC

Add Animation in course card section

Hello @SahityaRoy ,
As I saw in this course card part is very simple,
we can add a hover effect and animation effect of the movement of a card which is more attractive.
As when we scroll the page the cards come from the sides and go away , Or something like on hovering cards zoom in zoom out type effects we can add.

Scroll to Top button bug

The Scroll to Top button gets hidden behind the cards and other stuff on the page.
Screenshot_20210702_120634_com android chrome

It should be visible clearly above everything.

navbar ui

Describe the bug
support button is overlapped by the upper arrow , I think i can fix this issue and also the links in navbar are not looking great can i change them
image

To Reproduce
Steps to reproduce the behavior:

  1. Go to '...'
  2. Click on '....'
  3. Scroll down to '....'
  4. See error

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

  • OS: [e.g. iOS]
  • Browser [e.g. chrome, safari]
  • Version [e.g. 22]

Smartphone (please complete the following information):

  • Device: [e.g. iPhone6]
  • OS: [e.g. iOS8.1]
  • Browser [e.g. stock browser, safari]
  • Version [e.g. 22]

Additional context
Add any other context about the problem here.

Modifying footer

The logo is not aligned with the description of the website and icons and texts are too large. Pls assign me this issue so that I can make some changes

Card-footer

The card-footer is not styled properly with respect to the upper card

Screenshot 2021-07-13 111143

As you can see the card footer is touching the outer card.

Create Donate form

Can I create Donate form by help google form or html and css which you like on your website ???

Ripple Effect On Clicking Button

I want to add ripple effect on button so it gives better looks to this site and overall it enhance the interface of the site.

adding a course

I'd like to work in this project under DCP'21 by adding a free python learning course

Color issue on Dark mode

Describe the bug
When switched to dark mode, text color is not changing to any of the light color so that it become visible, cards are very bright and would look better if they are more suited to dark mode like grey shade etc, text color in about us can be changed to a better color, like a dark one so that it becomes readable

To Reproduce
Steps to reproduce the behavior:

  1. Go to 'website landing page'
  2. Click on 'dark mode'
  3. Scroll down 'till the end'
  4. See errors

Expected behavior
Text colors can be changed so that they are better suited for dark mode and are readable by the user, the cards can be made less bright in the dark mode so that they also suit best in it

Screenshots
image
image
image
image
image

Desktop (please complete the following information):

  • OS: Windows 11
  • Browser: Chrome
  • Version: 105.0.5195.127

Additional context
I believe I can fix this issue can you please Assign it to me under the tag Hacktoberfest.

adding more courses

it is just limited to 3 courses, we need to add minimum of 9 more courses of python,html,css,javasript,reactjs,angular,django,etc.
please assign this issue to me.

Feedback form

Describe the solution you'd like
Add a feedback section to seek feedbacks from customers.

site not responsive in medium screen and improvements in navigation tabs.

Describe the bug

  1. When you resize the screen into medium one ,you can observe error in Enroll button it deformed and not working appropriately.
  2. Also want to improve the navigation tabs, make it more responsive like adding over effect with some great CSS part.
    To Reproduce
    Steps to reproduce the behavior:
  1. Resize screen to medium.
  2. Scroll down to courses
  3. observe the size of enroll button.
  4. See error

Expected behavior
It should normally behave as for full and short screen.
Screenshots

E-Learning - Google Chrome 19-07-2022 02_30_49

(please complete the following information):**

  • OS: Android
  • Browser:- All browser
  • Version [e.g. 22]

Smartphone (please complete the following information):

  • Device: [e.g. iPhone6]
  • OS: [e.g. iOS8.1]
  • Browser [e.g. stock browser, safari]
  • Version [e.g. 22]

Additional context
Add any other context about the problem here.

Modify Footer

As of now, the footer design is minimal and quite simple. It requires social media icons and some other modifications to make it look better. I can make it look much better and attractive.

Improve the colors in the dark mode.

Describe the bug
Some of the text get blend with the background when viewed on the dark mode.

Expected behavior
I will improve the colors where ever required so that they don't get blended when the mode is changed.

Back to top button visibility and position

Back to mobile view icon should only visible after scrolling the page, and it's position should be in bottom-right of the page. Adding title attribute on it will improve UX.

Desktop view
E-Learning

Mobile view
E-Learning (1)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.