vishal-raj-1 / awesome-javascript-projects Goto Github PK

Describe the solution you'd like

There should be an edit button alongside the delete button

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

A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
Creation of url shortener

Describe the solution you'd like

A clear and concise description of what you want to happen.
This js code will be able to make shorter the provided link

Additional context

Add any other context about the feature request here.

Tired of boring lorem ipsum?

Ever ran out of words or tired enough of having same lorem ipsum all over the website. Yess??

Proposal

Here is a thing for you, a text generator in JS to help you generate random text paragraphs

Event

Participating as a part of GSSOC

Demo

Netflix clone using vanilla javascript:

It is not exactly like Netflix but I use the same color contrast as the original Netflix website to depict something like that.

This project also has search functionality and also I use some APIs (for images, loading movies, rating, etc) in this project which may help a beginner to start with APIs.

Describe the solution you'd like

We can add a 2D breakout game, which is an intermediate javascript project

Heart It

Many many hearts to all people who are trying to code & want to become a better version of oneself

JS developer's Valentine

Simple yet elegant creative application using JS. The project is about to create multiple hearts with different timeouts + a single heart creation on every click anywhere in the window ( Drizzle of Hearts )

Demo ( Keep an eye on cursor )

I would like to add code of conduct file as code of conduct is a necessary file which the contributors need to follow so that everyone follows a decorum.

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

A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
Yes

Describe the solution you'd like

A clear and concise description of what you want to happen.
When I try to make a pr it does not show me the pr template

Additional context

Add any other context about the feature request here.

Build Analog and digital clock both.

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

A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like

A clear and concise description of what you want to happen.
in this project when we drag sideways it will show more pictures and no.s like in netflix when we click and drag it shows more movies.

Additional context

Add any other context about the feature request here.
It is very useful in many places

Describe the bug

The Date mentioned in the footer section is still showing 2020 instead of 2021.

To Reproduce

Steps to reproduce the behavior:

1. Updation required

Expected behaviour

Footer section should have the latest Year to be shown, i can do that and also afterwards there is no manual updation required for the same.

Environment (please complete the following information):

• OS: Mac
• Browser: Chrome

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

Add Cross WOC Banner or Poster

Describe the solution you'd like

Add Cross WOC to Banner or Poster

As we know that,
A readme file lets you know about the repo as well as attracting contributors to contribute in it.
But, readme file included in your repo is loosing grip in both of the roles, because of the GIFs mentioned in it,
They create an informal image of your repo, which is not good,
In order to maintain formality of your readme file,
Let me remove the gifs and insert some catching sentences instead.
This is under crosswoc,

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

A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

• Overflow in horizontal direction.
• Start button is too small and don't have any designs.

Describe the solution you'd like

A clear and concise description of what you want to happen.

• Remove the Overflow(scroll bar) in horizontal direction.
• Give styling to the start button.

Features :

• Add title for note app
• Add tags if required
• Add time stamp if required( will give notification )

Searching 👍🏻

• On the basis of tags
• On the basis of content (means title or notes)
• On the basis of time stamp(recent or older)

Styling 👍🏻

• You can come with your own design.

Have more idea ?

• Be creative, try to add as many features we can add to this app. Comment down your ideas

I can add a welcome bot config file having a proper message that will show up when any user will open up an issue or pull-request for the first time.
For reference, check out: https://github.com/apps/welcome

Please assign it to me as a part of Cross Woc.

Try to implement as many function as you can !!

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

• Make a scroll to top button using html css and Javascript.

Describe the solution you'd like

• Button should be visible at every part of the page(not only at the bottom).

On clicking the light of bulb will be on/off.

Describe the solution you'd like

A clear and concise description of what you want to happen.
Make dark theme for this project using Javascript.

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

Yes, this feature is useful for any websites to simply access the menu

Describe the solution you'd like

I would like to add a Sidenav .made by JAVASCRIPT, HTML, CSS

Additional context

Useful to show/hide the menu in any website

Demo

Either make the textfield editable, or mark it as readonly and setup keyboard listeners to react to the keypresses.

Important to keep the code short and easy to understand.

Add github repo link to the footer using github icon.

Digital Clock in JS

Here is what you have been asking for .. The Digital Clock with stop & start features

Approach

Use of Date & Time of JS with classlist & attribute functions

Event

Participating as a part of GSSOC

Demo

Replace the card images of the project section with GIFs like the animated counter project

P.S : Only for First time User !!

We can do several changes in README. Like we can add the preview of the projects, website. We can add some gifs or images to make this readme more attractive.

Ask Initial Amount, Rate, Time and print interest amount !!

P.S : Only for First Time User !!

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

Yes

Describe the solution you'd like

Would like to make a javascript music player game made using html, css, js

Additional context

Add any other context about the feature request here.
It wiil be having a good background animation

Remove Visit button from here and make image clickable which redirect to the project. Increase the Image size.

Deliverables:

• Make a decent stopwatch using Vanilla Javascript with start, stop and reset button.

Describe the solution you'd like

It is a game in which moles will pop up and when we will select it our points will increase.

Design favicons for the website and show the demo here before making a PR!!

Describe the bug

A clear and concise description of what the bug is.
Spacing between project section and about section is increased. Project section has bug.

Expected behavior

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

• Reduce the spacing between About and project section.
• Make all the cards as same as the cards in first row.

Screenshots

Environment (please complete the following information):

• OS: Windows 10
• Browser: Chrome

Additional context

Add any other context about the problem here.

• Please check the whole website before sending a PR(including responsiveness)

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

A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like

A clear and concise description of what you want to happen.

Additional context

Add any other context about the feature request here.

vanilla javascript project: 'javascript drum kit'

I made this project during 30 days of vanilla javascript challenge by WES BOS.

live preview link: https://agitated-mccarthy-b9d840.netlify.app/

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

A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
YES

Describe the solution you'd like

A clear and concise description of what you want to happen.
Would like to add a maze game that will be having different levels and built using js, html, css

Additional context

Add any other context about the feature request here.
would like to work n this as part of crossWoc

Deliverables:

• Remove the extra space present between Home and About section(Reduce the space).

Screenshot of the bug

Design logos for the website!!

Show the samples here before making a PR!!

Build a carousel using vanilla javascript.

Deliverables:

• Add search functionality to the existing Search bar so that projects can be found easily.
• Ignore case sensitivity(means if anyone searches for counter or Counter) he/she will get the Counter project.

Make a todolist from scratch

features

• Add task/remove task/ marks as done
  

• When all task is done do hurrah celebration like

Describe the bug

A clear and concise description of what the bug is.

In the browser, there is extra space seen between about us and project details. Please have a look.

Animated Counter in JavaScript.

An animated counter that counts up to any number using JavaScript with HTML & CSS on page load.

Useful to use in any website to show/display statistics of particular stuff. (Ex., social media followers, ranks, number of projects, etc )