Giter Club home page Giter Club logo

freecoursera.github.io's People

Contributors

ankit9958 avatar ayushichoudhary-19 avatar balogun14 avatar codetorso avatar debshibraj123 avatar dhairyamajmudar avatar freecoursera avatar gbcderr14 avatar heetvekariya avatar ivedantmistry avatar lalit2506verma avatar martalexaa avatar nerdyawedee avatar rashen33 avatar sidhuavneet avatar vaibhavrane279 avatar

Stargazers

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

Watchers

 avatar  avatar

freecoursera.github.io's Issues

[BUG] : Back button on Sign In page is not working properly

What would you like to share?

Back button on the sign up page and profile page is not working. Whenever you try to click it, you will get "4" number on the screen.

Desire Behavior

Whenever you click the "Back" button it should take you to the previous page.

Steps to reproduce the BUG

Step 1 Go to the landing page. i.e - index.html
Step 2 Click on "Sign In" button
Step 3 Click on the "Back" button. You will not redirect to the previous "landing page", instead of this you will get "4" on the screen.

Below is the screenshot of that
image

Wanna Work upon[y/n] ??

Yes. Please assign this to me and Kindly add hacktoberfest tag to it.

[FEATURE πŸ’‘] <description>

Description

On the homepage the get started button could instead be used to scroll down to the course cards part.

Wanna Work upon[y/n] ??

y

Play store icon issure

What would you like to share?

The App Store and Play Store Image doesnt load when we open the website as the image location is not correct in the index.html

Wanna Work upon[y/n] ??

y

[FEATURE πŸ’‘] Making dynamic course pages

Description

Current pages for courses are static, i.e. a new html file is created for a new course.
Make them dynamic by storing the page data in JSON objects and loading it on a dynamic html page using JS.

This will improve:

  • Re-usability (adding new courses less hectic and more quick)
  • Easy backend implementation (if in future you decide to implement the backend)

Wanna Work upon[y/n] ??

yes

[Sticky navbarπŸ’‘]

Description

I can create sticky navbar @vedantmistryy

Wanna Work upon[y/n] ??

Please asign me this issue

[ENHANCEMENT - UI/UX] Add Hover Effects for "Get Started" Button and Social Media Icons

What would you like to share?

Current Behavior:
Currently, there are no hover effects applied to the "GetStarted" button or the social media icons, which makes the user experience less engaging.

Expected Behavior:
The "GetStarted" button and social media icons should have hover effects that provide visual feedback to users when they interact with them.

Proposed Solution:
I would like to work on adding hover effects to the "GetStarted" button and social media icons. To achieve this, I propose the following steps:

  1. Identify the CSS rules responsible for styling these elements.
  2. Add CSS code to define hover effects, such as changing the background color or adding a subtle animation.
  3. Test the changes to ensure they work as expected.

Wanna Work upon[y/n] ??

Yes!

Enrolling without sign in

Description

If user is trying to enrolling into a course without logged in then he should be directed to the sign-in or signup page.

Wanna Work upon[y/n] ??

yes

[FEATURE πŸ’‘] Non-Responsive Sign-In Form on Mobile Devices.

Description

Issue Summary:

The sign-in form in the project is not responsive, which causes usability problems on mobile devices with smaller screens. When attempting to access the sign-in page on a smartphone or tablet, the form does not adapt to the screen size, making it challenging to use.

Reproduction Steps:

Open the project on a mobile device (e.g., smartphone or tablet).
Navigate to the sign-in page.
Attempt to use the sign-in form.

Expected Behaviour:

The sign-in form should adjust its layout and styling to fit the smaller screen size of the mobile device. Users should be able to easily enter their credentials and sign in.

Screenshots :

Screenshot 2023-10-01 095350

Wanna Work upon[y/n] ??

Yes, Please assign me to this issue.

[FEATURE πŸ’‘] Dark Theme

Description

@vedantmistryy Toogle of Dark mode to light mode and vice-versa

Wanna Work upon[y/n] ??

i can do it please assign me the

Write footer

I have provided footer image below, you can also find on Coursera Website
Create footer exactly alike, just take care you don't remove option for joining my discord server that is already there on clone website
image

below is server invite, this shouldn't get removed
image

Back button icon

Description

Instead of back written on the back button present on the sign in modal and user-info modal I want to replace that by a back button icon and want to make sign in page looking more good according to the theme of the website.

Wanna Work upon[y/n] ??

yes

The site is not responsive

What would you like to share?

I noticed there was no responsiveness i have started working on this by using bootstrap for it

Wanna Work upon[y/n] ??

yes

Add Scroll To Top Button

Description

I want to add scroll to top button that appears when user start scrolling and on click smooth scrolls to the top of the page.

Wanna Work upon[y/n] ??

y

FEATURE REQUEST

Description

fix the nav bar, it shouldn't scroll down with screen
image

Wanna Work upon[y/n] ??

no

[BUG] Header is not alinged

What would you like to share?

The header is not aligned in all pages of the courses (see the ss below)

image

Wanna Work upon[y/n] ??

I want to work on it !!

Styling the footer

What would you like to share?

Hey @freecoursera. I can style the footer and make it responsive. If you want me to work on it please assign me under hactomberfest tag.

Wanna Work upon[y/n] ??

yes

[BUG] Animation correction required

Description

Would like to work upon animation fixes:

  • user icon hover animation
  • course cards hover animation scroll bar issue

Wanna Work upon[y/n] ??

yes

Write CONTRIBUTING.md

write CONTRIBUTING.md
include that users should attach images of their changes in the issue section before opening pr.

REACT APP CONVERSION

Description

Converting this HTML, CSS, JS project to REACT JS. Making reusable components. Adjusting script.js, etc.

Wanna Work upon[y/n] ??

YES

[FEATURE πŸ’‘] <description>

Description

Sign Up

I want to make a register page - Sign Up button/page

It will be just form to enter all the credentials need to be stored so that the user can log in. I also want to make the login page beautiful as well. I want to work on the front end and design only. I want to contribute to your project and in this hacktoberfest as well. Can I proceed?

Wanna Work upon[y/n] ??

yes

removal

What would you like to share?

hide the sign in button and attach ss with pr

image

Wanna Work upon[y/n] ??

!

change the readme

Description

readme more appealing and easy for the new user. i can send you the photos what we can changes I can do.

Wanna Work upon[y/n] ??

yes please assign me with issue

Create a redirecting webpage for courses

create a redirecting webpage for different courses (see image below), css file in which you need to write the css or bootstrap code is available in this path styles/style-courses.css
compulsory add navbar, footer and discord invite
also refer to one of the courses on coursera and create UI like that,
footer, header and discord invite shown on index.html, will remain same and intact (copy css of index.html)
image

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.