Git Product home page Git Product logo

sahityaroy / e-learning-freesite Goto Github PK

View Code? Open in Web Editor NEW
59.0 1.0 81.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

E-Learning Eduhub Community

It’s a community for the people by the people. The vision of the community is to build an environment where people can learn together and implement together., We Organizes Open Source Programs, Hackathons and 1:1 Mentorships.

An Open Source Website for the students built using HTML, CSS, JavaScript and Bootstrap Php

image

This repository will be partcipating in the Hacktoberfest event, so raise issues,contribute in this repository and stay tuned with us for more .

Welcome to Free Learning site

Hello Everyone, I am Sahitya Roy owner of this project if you want to contribute please feel free to connect with me, this project is under Hackclub.

Free resources in one place, students can access all the resources through this site and i will put this site on my github publicly so that everyone can contribute and add more and more features

sahityaroy07

7584926589



  • Type some Markdown on the left
  • See HTML in the right
  • Magic ✨✨
  • First star this repository:star:
  • Fork it, to contribute:fork_and_knife:

Features

  • I added all the top level free resources available on the internet.
  • Also i added some paid courses in free of cost.
  • Add a contributor Avatar part for your work.

So let's contribute and be a open source contributor🐱‍💻.
Welcome to all the beginner 👩‍💻.
So, let’s get started.

This text you see here is *actually- written in Markdown! To get hands-on feeling
in Markdown syntax, type some text into the left window and
watch the results in the right.

Tech

Dillinger uses a number of open source projects to work properly:

  • [HTML] - we are mainly using HTML!
  • [CSS] - for editing purpose
  • [HTML] - We are mainly using HTML!
  • [CSS] - Mainly for styling and editing purposes.

Plugins

Dillinger is currently extended with the following plugins.
Instructions on how to use them in your own application are linked below.

Development

Want to contribute? Great!

  • Idea + Implement = Success
    =======
  • Idea + Implimentation = Success

    Make a change in your file and instantaneously see your updates!

Open your favorite Terminal and run these commands.

First Tab:

git init

Second Tab:

git pull [url of this project]

(optional) Third:

git branch [branch name]

After changing the file

Adding all file :

git add .

now its time to take this project into stagging area:

git commit -m" comment ""

now push this files

build the image.

git push origin main --force
git status

License

@Copyright SahityaRoy 2021-2024

Free Software, Hell Yeah!

Project Admin ❤️ (Eduhub)

                   

OUR VALUABLE CONTRIBUTORS✨

Happy Coding 👨‍💻

Plugin README.md

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  avatar

Watchers

 avatar

e-learning-freesite's Issues

Feedback form

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

adding a course

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

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.

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.

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

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.

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.

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.

Adding Code of Conduct file

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

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.

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

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)

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)

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.

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.

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

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.

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.

Create Donate form

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

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.