Amazing-Js-Projects

Overview

Amazing-Js-Projects

This project is a part of the following Open Source Program

Devincept

Levels & Points

Level Points
Level 0 5
Level 1 10
Level 2 20
Level 3 40

Do you want to make project on JavaScript ? if yes then 👇

👋 Join Us

📌 Introduction

HELLO FOLKS ,

This repository contains many amazing projects written in HTML5 , CSS3 and JavaScript. Consider this repository as your personal space to find or add any new script that can make life easier for us and the Open Source community too, as a Developer, and find a utility of coding to burst out of boredom. Get started with coding exhilarating javascript, markup language and styling, that you can use to develop amazing products.


🎥 Demo

GitHub Pages website for this repository : https://amazing-js-projects.netlify.app/

frontendtemp


💻 Technologies

  • HTML 5
  • CSS 3
  • JavaScript

How to get started?

You can refer to the following steps on the basics of Git and Github and also contact the Project Mentors, in case you are stuck:

fork this repository

If you don't have git on your machine, install it.

Fork this repository

Fork this repository by clicking on the fork button on the top of this page. This will create a copy of this repository in your account.

Clone the repository

clone this repository

Now clone the forked repository to your machine. Go to your GitHub account, open the forked repository, click on the code button and then click the copy to clipboard icon.

Open a terminal and run the following git command:

git clone "url you just copied"

where "url you just copied" (without the quotation marks) is the url to this repository (your fork of this project). See the previous steps to obtain the url.

copy URL to clipboard

For example:

git clone https://github.com/xyz/Amazing-Js-Projects.git

where xyz is your GitHub username. Here you're copying the contents of the Amazing-Js-Projects repository on GitHub to your computer.

Create a branch

Change to the repository directory on your computer (if you are not already there):

cd Amazing-Js-Projects

Now create a branch using the git checkout command:

git checkout -b your-new-branch-name

For example:

git checkout -b abc

Make necessary changes and commit those changes

Now open file in a text editor, add your changes to it. Now, save the file.

If you go to the project directory and execute the command git status, you'll see there are changes.

Add those changes to the branch you just created using the git add command:

git add .

Now commit those changes using the git commit command:

git commit -m "write about the changes you made in file"

Push changes to GitHub

Push your changes using the command git push:

git push origin <branch-name>

replacing <branch-name> with the name of the branch you created earlier.

Submit your changes for review

If you go to your repository on GitHub, you'll see a Compare & pull request button. Click on that button.

create a pull request

Now submit the pull request.

voila ! You have done it , You will get a notification email once the changes have been merged by maintainer.

📌 Till Then

Need Some Help in this Repo -> Web Development And Resourcses


Project Admin ❤️


Arpit Jain

💻

Mentor 😃


Ankita Puri

Contributors

Thanks go to these Wonderful People 👨🏻‍💻: 🚀 Contributions of any kind are welcome!


Happy Coding 👨‍💻

## 💬 Join Our CodeSmashers Community

Join - https://discord.gg/gtYUZQSjTt

show some ❤️   by giving the star to this repo

Comments
  • Spotify clone added

    Spotify clone added

    Description

    I added a spotify clone having wide variety of features and nice UI .

    Fixes: #530

    Type of change

    • [ ] Bug fix (non-breaking change which fixes an issue)
    • [x] New feature (non-breaking change which adds functionality)
    • [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
    • [ ] This change requires a documentation update

    Checklist:

    • [x] I have taken help from some online resourses
    • [x] My code follows the style guidelines of this project
    • [x] I have performed a self-review of my own code
    • [x] My changes generate no new warnings

    ATTACH SCREEN-SHOTS / DEPLOYMENT LINK

    Screenshot (18)

    Level2 GSSoC22 
    opened by BrownCoderAyush 19
  • Todo app edit functionality

    Todo app edit functionality

    Description

    Please include a summary of the change and which issue is fixed. Please also include relevant motivation and context. List any dependencies that are required for this change.

    Fixes: #570

    Type of change

    • [x ] Bug fix (non-breaking change which fixes an issue)
    • [x ] New feature (non-breaking change which adds functionality)

    Checklist:

    • [ x] I have made this from my own
    • [ x] I have taken help from some online resources
    • [ x] My code follows the style guidelines of this project
    • [ x] I have performed a self-review of my own code
    • [ x] My changes generate no new warnings

    ATTACH SCREEN-SHOTS / DEPLOYMENT LINK

    Level3 GSSoC22 changes requested 
    opened by mayank-del 18
  • Added Instagrammini

    Added Instagrammini

    Description

    Fixes: #436

    Type of change

    • [x ] New feature (non-breaking change which adds functionality)

    Checklist:

    • [x] I have made this from my own
    • [x] My code follows the style guidelines of this project
    • [x] I have performed a self-review of my own code
    • [x] My changes generate no new warnings

    ATTACH SCREEN-SHOTS / DEPLOYMENT LINK

    Please read the Readme before opening https://instagrampc.netlify.app/

    Urgent GSSoC22 changes requested 
    opened by SamarthKadam 17
  • Number system convertor

    Number system convertor

    Description

    In this website user can input a binary number and convert into various number system.

    #355

    Type of change

    • [x] New feature (non-breaking change which adds functionality)

    Explain the Testing instructions

    Test Configuration:

    • Version: 1.0
    • Text-editors used: Vs code

    Checklist:

    • [x] My code follows the style guidelines of this project
    • [x] I have performed a self-review of my own code
    • [x] I have commented my code, particularly in hard-to-understand areas
    • [x] I have made corresponding changes to the documentation
    • [x] My changes generate no new warnings
    • [x] I have added tests that prove my fix is effective or that my feature works
    • [x] New and existing unit tests pass locally with my changes
    • [x] Any dependent changes have been merged and published in downstream modules

    ATTACH SCREEN-SHOTS / DEPLOYMENT LINK

    image

    Level2 GSSoC22 
    opened by yellowberard 17
  • Lyricz... API implemented website

    Lyricz... API implemented website

    Description

    An API implemented lyrics finder just added and implemented api haven't built homepage yet more suggestion going to implment in future- banner music player and more

    Fixes: #(issue no.) #581

    Checklist:

    • [x] I have made this from my own
    • [x] I have taken help from some online resourses(just to implement API)
    • [x] My code follows the style guidelines of this project
    • [x] I have performed a self-review of my own code
    • [ ] I have commented my code, particularly in hard-to-understand areas
    • [ ] I have made corresponding changes to the documentation
    • [x] My changes generate no new warnings

    ATTACH SCREEN-SHOTS / DEPLOYMENT LINK

    image

    image

    responsive- image image

    Level2 GSSoC22 ready to merge 
    opened by yash-25log 16
  • Image Filter App

    Image Filter App

    Description

    Added Image Filter App

    Fixes # (issue no.)

    Image Filter App #74

    Type of change

    • [x] New feature (non-breaking change which adds functionality)

    Explain the Testing instructions

    Test Configuration:

    • Operating system:
    • Version:
    • Text-editors used:

    Checklist:

    • [x] My code follows the style guidelines of this project
    • [x] I have performed a self-review of my own code
    • [x] I have commented my code, particularly in hard-to-understand areas
    • [x] I have made corresponding changes to the documentation
    • [x] My changes generate no new warnings
    • [x] I have added tests that prove my fix is effective or that my feature works
    • [x] New and existing unit tests pass locally with my changes
    • [x] Any dependent changes have been merged and published in downstream modules

    ATTACH SCREEN-SHOTS / DEPLOYMENT LINK

    Level3 DCP21 
    opened by Atif0604 15
  • add-burger-menu

    add-burger-menu

    Description

    Added a new project in the vast array of informative and helpful projects built upon HTML, CSS, JS and easily available to learners. The concerned projects is a burger menu. On the web version a normal navbar is shown. However on the mobile version, the navbar collapses and the burger menu icon appears. This icon works as a toggle to open and close the menu.

    Fixes: #656

    Type of change

    • [ ] Bug fix (non-breaking change which fixes an issue)
    • [x] New feature (non-breaking change which adds functionality)
    • [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
    • [ ] This change requires a documentation update

    Checklist:

    • [x] I have made this from my own
    • [ ] I have taken help from some online resources
    • [x] My code follows the style guidelines of this project
    • [x] I have performed a self-review of my own code
    • [x] I have commented my code, particularly in hard-to-understand areas
    • [ ] I have made corresponding changes to the documentation
    • [ ] My changes generate no new warnings

    ATTACH SCREEN-SHOTS / DEPLOYMENT LINK

    image

    image

    image

    Level2 GSSoC22 ready to merge 
    opened by void-ness 14
  • Simple Library Management

    Simple Library Management

    Description

    A simple Library Management Project which is easy to use and understand as a beginner. This Project is very helpful in understanding the concept of Local Storage and search the book by name of book, author and type. I make this project with the help of HTML, CSS, Bootstrap & JavaScript.

    Fixes: #616

    Type of change

    • [ ] Bug fix (non-breaking change which fixes an issue)
    • [x] New feature (non-breaking change which adds functionality)
    • [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
    • [ ] This change requires a documentation update

    Checklist:

    • [x] I have made this from my own
    • [x] I have taken help from some online resourses
    • [x] My code follows the style guidelines of this project
    • [x] I have performed a self-review of my own code
    • [x] I have commented my code, particularly in hard-to-understand areas
    • [x] I have made corresponding changes to the documentation
    • [x] My changes generate no new warnings

    ATTACH SCREEN-SHOTS / DEPLOYMENT LINK

    image

    Level2 GSSoC22 ready to merge 
    opened by samipak458 14
  • Shooter game

    Shooter game

    Description

    Here is the game , i’m still a junior developer so the code can be a bit messy and poorly optimized , and the game is kinda heavy in weight sorry for that 🙏🏽

    Fixes: #425

    ATTACH SCREEN-SHOTS / DEPLOYMENT LINK

    The game is already deployed in this link ⬇️ https://jackson93150.github.io/JsGame/

    Level3 GSSoC22 
    opened by Jackson93150 14
  • Added Live user filter

    Added Live user filter

    Feature Added:

    • I have worked on issue #391
    • I have done it by using the tutorial of Traversy Media
    • Link to that video is : https://youtu.be/JkeyKeK3V24
    Level2 GSSoC22 
    opened by Avik-creator 14
  • Added 3rd degree equation solver files

    Added 3rd degree equation solver files

    Description

    Added a calculator that solves rquations of third degree and prints out its 3 roots (ax^3 + bx^2 + cx + d = 0) Fixes #388

    Type of change

    • [x] New feature (non-breaking change which adds functionality)

    Explain the Testing instructions

    Test Configuration:

    • Operating system: Ubuntu
    • Version: 21
    • Text-editors used: Sublime

    Checklist:

    • [x] My code follows the style guidelines of this project
    • [x] I have performed a self-review of my own code
    • [x] I have commented my code, particularly in hard-to-understand areas
    • [x] I have made corresponding changes to the documentation
    • [x] My changes generate no new warnings
    • [x] I have added tests that prove my fix is effective or that my feature works
    • [x] New and existing unit tests pass locally with my changes
    • [x] Any dependent changes have been merged and published in downstream modules

    ATTACH SCREEN-SHOTS / DEPLOYMENT LINK

    Deployment Link

    duplicate invalid GSSoC22 
    opened by XZANATOL 14
  • Changed

    Changed

    Description

    Please include a summary of the change and which issue is fixed. Please also include relevant motivation and context. List any dependencies that are required for this change.

    Fixes: #(issue no.)

    Type of change

    • [ ] Bug fix (non-breaking change which fixes an issue)
    • [ ] New feature (non-breaking change which adds functionality)
    • [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
    • [ ] This change requires a documentation update

    Checklist:

    • [ ] I have made this from my own
    • [ ] I have taken help from some online resourses
    • [ ] My code follows the style guidelines of this project
    • [ ] I have performed a self-review of my own code
    • [ ] I have commented my code, particularly in hard-to-understand areas
    • [ ] I have made corresponding changes to the documentation
    • [ ] My changes generate no new warnings

    ATTACH SCREEN-SHOTS / DEPLOYMENT LINK

    Hacktoberfest 
    opened by harshu6397 3
  • Add URL Shortener Project

    Add URL Shortener Project

    Issue Type:

    Hii there, As a part of our Open Source Project, i would like to contribute my teams project into this repository. Our github repo: https://github.com/madhhuurrii/URL-Shortner

    • [ ] Bug Report
    • [x] Feature Request
    • [ ] Documentaion
    Hacktoberfest 
    opened by madhhuurrii 1
  • find common and repeated projects

    find common and repeated projects

    there are some projects which are added multiple times by different users but the functionality is almost same so find them and delete them

    also if u find any project is plagiarized delete it also

    Hacktoberfest 
    opened by arpit456jain 1
Owner
Arpit Jain
Full Stack Web Developer with Python Flask and Django. 3 star Competitive Programmer on Codechef.
Arpit Jain
An Amazing SlashCommands Handler (With Sharding & Mongo) Made by discord.gg/azury

SlashCommands Handler by The Azury Team If this Git-Repo gets "40" Stars ⭐ i'll add some more Commands! ??️ FEATURES: 1. SlashCommands Support 2. Cont

Masterious 24 Dec 2, 2022
A powerful javascript library to create amazing and smooth effects for the mouse cursor on your website.

Cuberto Mouse Follower A powerful javascript library to create amazing and smooth effects for the mouse cursor on your website. Dependencies GSAP v3 (

Cuberto 410 Dec 30, 2022
Create a new challenge for jshero.platzi.com, share your experience creating amazing challenges.

JSHero - jshero.platzi.com ?? Create a new challenge for jshero.platzi.com, share your experience creating amazing challenges. Create a new challenge:

Comunidad Platzi 28 Oct 19, 2022
Create a new challenge for jshero.platzi.com, share your experience creating amazing challenges.

JSHero - jshero.platzi.com ?? Create a new challenge for jshero.platzi.com, share your experience creating amazing challenges. Create a new challenge:

PlatziLabs 20 Apr 27, 2022
A collection of amazing plugins made by IITC community.

IITC Community plugins A collection of amazing plugins made by community. Note: You must install IITC-CE on your desktop or mobile device to use IITC

Ingress Intel Total Conversion — Community Edition 16 Dec 29, 2022
🎨 Beautify your github profile with this amazing tool, creating the readme your way in a simple and fast way 🚀 The best profile readme generator you will find ⚡

Demo Profile Readme Generator The best profile readme generator you will find! About | Technologies | Requirements | Starting | Contributing ?? About

Mauro de Souza 476 Jan 1, 2023
MagicSniffer is a amazing tool could help you decrypt GI traffic by MAGIC of WindSeedClientNotify

MagicSniffer We have posted an article about this on sdl.moe: 原神 2.8 KCP 验证密钥交互流程解析与流量解密 As everyone knows, RSA is the most secure way to encrypt data

Sorapointa 49 Dec 29, 2022
Jspreadsheet is a lightweight vanilla javascript plugin to create amazing web-based interactive tables and spreadsheets compatible with other spreadsheet software.

Jspreadsheet CE v4: The JavaScript spreadsheet Jexcel CE has been renamed to Jspreadsheet CE News Important: Please import jspreadsheet.css (jexcel.cs

null 6.2k Dec 19, 2022
Contribute on this repository with VALID PRs to HACKTOBERFEST-2022 and earn amazing swags!

LINK- https://rbshop.netlify.app/ Hacktoberfest2022 You can make folders of programming languages and also you can contribute in the repo's below. Fee

Ranodeep Banerjee 17 Oct 25, 2022
A set of best practices for JavaScript projects

中文版 | 日本語版 | 한국어 | Русский | Português Project Guidelines · While developing a new project is like rolling on a green field for you, maintaining it is

Elsewhen 28.4k Jan 1, 2023
Cheatsheet for the JavaScript knowledge you will frequently encounter in modern projects.

Modern JavaScript Cheatsheet Image Credits: Ahmad Awais ⚡️ If you like this content, you can ping me or follow me on Twitter ?? Introduction Motivatio

Manuel Beaudru 23.9k Jan 4, 2023
Mini projects built with HTML5, CSS & JavaScript. No frameworks or libraries

20+ Web Projects With Vanilla JavaScript This is the main repository for all of the projects in the course. Course Link Course Info Website # Project

Brad Traversy 14.1k Jan 4, 2023
Open Source projects are a project to improve your JavaScript knowledge with JavaScript documentation, design patterns, books, playlists.

It is a project I am trying to list the repos that have received thousands of stars on Github and deemed useful by the JavaScript community. It's a gi

Cihat Salik 22 Aug 14, 2022
A Web UI toolkit for creating rapid prototypes, experiments and proof of concept projects.

MinimalComps2 A Web UI tookkit for creating rapid prototypes, experiments and proof of concept projects. The site: https://www.minimalcomps2.com/ Full

Keith Peters 32 Apr 18, 2022
A refined tool for exploring open-source projects on GitHub with a file tree, rich Markdown and image previews, multi-pane multi-tab layouts and first-class support for Ink syntax highlighting.

Ink codebase browser, "Kin" ?? The Ink codebase browser is a tool to explore open-source code on GitHub, especially my side projects written in the In

Linus Lee 20 Oct 30, 2022
The repository contains the list of awesome✨ & cool web development beginner-friendly✌️ projects!

Web-dev-mini-projects The repository contains the list of awesome ✨ & cool web development beginner-friendly ✌️ projects! Web-dev-mini-projects ADD AN

Ayush Parikh 265 Jan 3, 2023
portfolio-project is a npm package to automatically update your projects section in your portfolio website. It will fetch the selected repositories directly from your GitHub account.

portfolio-project Those days of manually updating portfolio website after every new project made are gone ⚡ Yesss . . . you read that right. ?? portfo

Gaurav Gulati 15 Aug 3, 2021
This Repository consist of Daily learning JS, Assignments, coding challenge, projects, references, tutorial

?? A Tour of JavaScript This Repository consist of Daily learning, Assignments, coding challenge, projects, references, tutorial. ??‍?? ??‍?? alert(

null 23 Sep 7, 2022
Website to present projects made by me and that are part of my personal portfolio. It was made using React, HTML y Scss (CSS).

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Portfolio Jesús Leal 0 Dec 23, 2021