ayushparikh-code/web-dev-mini-projects

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 ANY WEB DEVELOPMENT MINI PROJECT !

HOW TO CONTRIBUTE ? 👷

1. Fork this repository.

2. Clone the forked repository.

git clone https://github.com/Ayushparikh-code/Web-dev-mini-projects 

3. Navigate to the project directory.

cd Web-dev-mini-projects

4. MAKE A NEW FOLDER WITH YOUR PROJECT NAME INSIDE web-dev-mini-projects & Add your project files (eg: index.html ,style.css, script.js) inside that folder

5. Also Add a README file in your project folder which consists of Description/screenshots about your project !

6. Create a new branch.

git checkout -b <your_branch_name>

7. Add & Commit your changes.

  git add .
  git commit -m "<your_commit_message>"

7. Push your local branch to the remote repository.

git push -u origin <your_branch_name>

8. Create a Pull Request!

Congratulations! Sit and relax till we review your PR, you've made your contribution to (https://github.com/Ayushparikh-code/Web-dev-mini-projects) project

Our valuable Contributors👩‍💻👨‍💻 :

Project Maintainers 👷👷:

Ayush Parikh

Shloka Gupta

S Harshita

📌 Opensource Programs

This project is a part of following Open Source Program

---

---

---

Happy Contribution ✨

web-dev-mini-projects's Issues

Adding another quiz app

Can I add another small quiz app project?

Google.com page

make clone of https://www.google.com/ page

I want to add an api integrated joke generating website.

Add Readme.md file to To - Do list webapp.

Add a small README.md file to the To -Do project.

Contents of the README:

• Project overview.
• Use of the project.
• Stack of your project.
• How to set up / run your project.
• Screenshots of the pages / output.
  (A short description under each screenshot... Describing the page a little bit)

This would help visitors / developers in genral.

Random Color Generator (rgb color)

I would like to add a mini project in which a random color s generated and it's rgb value is given. I have started my started my web development journey last month and made a small project.

Please assign me this issue under LGMSOC'21 so that I can start working on it.

Add Weather App

can i work on this @Ayushparikh-code

Love Calculate App

Can I add this love calculator app in the project?

Website that keeps your notes

Can I add a website in which you can add your notes and also search them?

Javascript form validation

I would like to add js form validation under lgmsoc

add a Countdown Timer

A Movie Website

This website will contain a plethora of movies and their trailers which gets played when a movie card is clicked. It uses the TheMovieDB API

BUILD A JAVASCRIPT GAME

Youtube Clone

I would like to add a mini project on cloning youtube UI. I would make it as responsive as possible using pure HTML & CSS.
After learning HTML, CSS, and JS, I decided to make a clone of youtube UI to practice and enhance my skills. I am still working on this project and will add it when it is fully completed.
Please assign me this issue under LGMSOC'21 so that I can start working on it.

SIP Compound Interest Calculator

I would like to add this mini-project named: SIP Compound Interest Calculator.
It is made by HTML, CSS & JS.

Please assign me so that I can work on this issue @chicken-biryani @Ayushparikh-code

Github Profile Finder

Can I add Github Profile Finder project @Ayushparikh-code?

Retrieve the detail of any github user by their username.

Expense tracker

Add tic-tac-toe game

can i work on this @Ayushparikh-code

Blackjack game

Want to add a blackjack game developed using Javascript, html and css.

Simple Analog Clock using JavaScript

I would like to add one of my old project: Analog clock using JavaScript. I made this project few months back and would like to contribute.
Please assign me this issue so that i can add this small project.

I Will also add a readme file along with the code!

Basic Portfolio Website

Hey @Ayushparikh-code sir during my HTML and CSS learning days I made a basic portfolio website would love to add that as a project by making few upgrades using HTML and CSS. Can I work on it ?
@Ayushparikh-code sir Please assign this issue to me as I am LGM-SOC'21 participant

Cat Generator Project

Can I add this simple project where if a user click on the generate cat button, gifs gets added to the page? A user will learn managing click event from this project.

Add README.md file to CALCULATOR

Add a small README.md file to the project.

Contents of the README:

-Project overview.
-Use of the project.
-Stack of your project.
-How to set up / run your project.
-Screenshots of the pages/output.
(A short description under each screenshot... Describing the page a little bit)
This would help visitors/developers in general.

Add Readme.md to Random Color Generator

Add a small README.md file to the Random Color Generator

Contents of the README:

-Project overview.
-Use of the project.
-Stack of your project.
-How to set up / run your project.
-Screenshots of the pages/output.
(A short description under each screenshot... Describing the page a little bit)
This would help visitors/developers in general.

Add Mantainers section to Readme

The Readme doesn't have a mantainers section.

To do:

Add maintainer's section After "Our valuable Contributors".
And should contain @chicken-biryani 's and @Ayushparikh-code 's profile.

Use :

https://github.com/HarshCasper/Rotten-Scripts/blob/master/MAINTAINERS.md

for reference.

calculator

Improve the README.md of Clock-Stopwatch

I added the Stopwatch project and also the README.md file, but now the pictures in the README.md file are not being displayed. Can I fix it ?

Digital Javascript Clock

Can I add digital clock in the project?

Basic Background Gradient Generator

I want to add this basic small project under LGMSOC'21 using HTML, CSS, and JS.

Connect Four Mini JS Game

This is a Javascript game which can be played between two players . Players have to connect bubbles . The player who connects four bubble first wins the game . Bubbles could be matched horizontally , vertically and diagonally. Please assign me this issue under LGMSOC'21 so that I can start working on it.

To-do list

Create index.md

Index.md should have :
A table that consists of :

1. Name of project [In the form of link] - Use https://github.com/TesseractCoding/NeoAlgo/blob/master/Python/README.md for reference
2. Short description of the project.

For ALL the projects

Example:

Name	Description
To - DO list	To-Do List

Custom Range Slider

Can i Work on this @Ayushparikh-code

I want to add a basic dice game.

Quote Generator

Can I add a quote generator project? Whenever a user click on the button, he gets a new quote.

To make corrections in external Linking of of CSS and JavaScript in To-Do -List Project

Hey @Ayushparikh-code
As you can see there is error in linking of css and javascript in case of TO-DO-List Project due to which it is not working properly.
I am interested to work on this issue under LGM SOC '21 .
Kindly assign this issue to me.

Score Keeper

I would like to add a score keeper project where user can keep the account of there score in ping pom game where user can select max points and as soon as one of the two player reaches max points color changes . I have made this using HTML,CSS & JS.
It is almost finished. So, please assign me the issue.

Please assign me this issue under LGMSOC'21

Jump Game

I would like to add a mini project a jump game . It is a simple game similar to the one present in chrome when someone is offline
Please assign me this issue under LGMSOC'21 so that I can start working on it.

Show list of contributors on Readme.md

Show list of contributors on Readme.md with there profile picture
Can i work on this @Ayushparikh-code

Add README.md file to Basic Background Generator

Add a small README.md file to the project.

Contents of the README:

-Project overview.
-Use of the project.
-Stack of your project.
-How to set up / run your project.
-Screenshots of the pages/output.
(A short description under each screenshot... Describing the page a little bit)
This would help visitors/developers in general.

Flask news app

A mini news app which shows most recent news headlines, and content which includes news related to sports, entertainment, crypto-currencies, business, science, technology and others

Add Readme to Web-dev-mini-projects/.vscode/

Add a small README.md file to the project.

Contents of the README:

-Project overview.
-Use of the project.
-Stack of your project.
-How to set up / run your project.
-Screenshots of the pages/output.
(A short description under each screenshot... Describing the page a little bit)
This would help visitors/developers in general.

adding a drum kit

BUILD A QUIZ APP

Add Readme.md to Tictactoe Webapp

Can i work on this @chicken-biryani @Ayushparikh-code ?

JavaScript DrumKit

Add Snake Game

Please assign me @chicken-biryani @Ayushparikh-code

Improve DIGITAL-JAVASCRIPT-CLOCK 's README

• Add images to the README.
• Add how to set up the project.

Rock Paper Scissor Game

Can I add rock paper scissor game in the project?

Remove Clock-Stopwatch

Clock-Stopwatch is an empty file and should be removed

clock/Stopwatch