The repository contains the list of awesome✨ & cool web development beginner-friendly✌️ projects!

Overview

Web-dev-mini-projects

The repository contains the list of awesome & cool web development beginner-friendly ✌️ projects!

Web-dev-mini-projects

HTML CSS javascript



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


Point distribution of LetsGrowMore for this Project

Level Points Description
Level 0 05 Fixes
Level 1 10 Fixes
Level 2 15 Adding Section to already existing file (A section of Readme , HTML, CSS or JS)
Level 3 30 Adding a major Section to already existing a file (A complete Readme, HTML, CSS or JS)
Level 4 45 Adding complete new 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

Comments
  • Amazon Prime video login page clone

    Amazon Prime video login page clone

    Project title Amazon Prime video login page clone

    Project Description I have made a clone of login page clone of amazon prime video. I have used only HTML and CSS Stack: [x] Html [x] CSS [ ] JavaScript

    opened by yellowberard 12
  • Button change effect app

    Button change effect app

    Resolve issue #144

    Added the buttons color changing effect project in the repository. This web app allows a user to select any one color from the options that are being to the user and as the user clicks on the color all the button changes to that particular color. challenge1 challenge2

    🟥 Level4 
    opened by RiyaGupta89 12
  • index-corrected

    index-corrected

    Description

    index corrected

    Checklist

    • [x] I've been assigned an issue related to this PR.

    Related Issues or Pull Requests number

    issue #306 (Write your answer here.)

    opened by nisha331 8
  • Temperature Convertor added

    Temperature Convertor added

    Description

    Created a new project Temperature Convertor

    Checklist

    • [x] I've been assigned an issue related to this PR.
    • [x] I've used beautifiers.
    • [x] I've added my Project's name and description to Index.md
    • [x] I've made a README.md file for my Project.
    • [x] The README.md file of my Project contains Project title, Description, Use of project, Set up, Stack used and Output (Screenshots).
    🟥 Level4 
    opened by joshi-kaushal 7
  • Beginner friendly javascript infinite rainbow

    Beginner friendly javascript infinite rainbow

    Project title Beginner friendly javascript infinite rainbow

    Project Description Being able to make static pages look more appealing with graphical elements

    Stack: [ ] Html [ ] CSS [ ] JavaScript

    opened by girija0707 7
  • instagram homepage clone

    instagram homepage clone

    Description

    (Describe your project over here.)

    Checklist

    • [x] I've been assigned an issue related to this PR.
    • [ ] I've used beautifiers.
    • [x] I've added my Project's name and description to Index.md
    • [x] I've made a README.md file for my Project.
    • [x] The README.md file of my projrct contains Project title, Description, Use of project, Set up, Stack used and Output (Screenshots).

    Related Issues or Pull Requests number

    #347

    🟥 Level4 
    opened by jugeshraghav 6
  • 2048game

    2048game

    Description

    (2048 Game on a website.)

    Checklist

    • [x] I've been assigned an issue related to this PR.
    • [x] I've used beautifiers.
    • [x] I've added my Project's name and description to Index.md
    • [x] I've made a README.md file for my Project.
    • [x] The README.md file of my projrct contains Project title, Description, Use of project, Set up, Stack used and Output (Screenshots).

    Related Issues or Pull Requests number

    #317

    opened by Gyynnn 6
  • Sudoku Solver

    Sudoku Solver

    Sudoku Solver

    (Made using html,javascript and css using he concept of backtracking

    Checklist

    • [x] I've been assigned an issue related to this PR.
    • [x] I've used beautifiers.
    • [x] I've added my Project's name and description to Index.md
    • [x] I've made a README.md file for my Project.
    • [x] The README.md file of my projrct contains Project title, Description, Use of project, Set up, Stack used and Output (Screenshots).

    Related Issues or Pull Requests number

    (#270)

    🟥 Level4 
    opened by soma2000-lang 6
  • Adding the photo--editor folder in the repo

    Adding the photo--editor folder in the repo

    Description

    photo --editor is a Photo editor where one can flip(both horizontally and vertically),resize ,gray scale images

    Checklist

    • [ ] I've been assigned an issue related to this PR.
    • [ ] I've used beautifiers.
    • [ ] I've made a README.md file for my Project.
    • [ ] The README.md file of my projrct contains Project title, Description, Use of project, Set up, Stack used and Output (Screenshots).

    Related Issues or Pull Requests number

    #230

    🟥 Level4 
    opened by soma2000-lang 6
  • Add Dark Mode feature to already existing project.

    Add Dark Mode feature to already existing project.

    Instructions :

    1. Take an already existing project
    2. Add a toggle button.
    3. On clicking the toggle button the website should switch between dark mode and Light mode.

    To make a PR:

    1. Put the link of the project on which you want to add dark mode to in the comment of this issue.
    2. Let someone assign it to you.
    3. Clone
    4. Create a seperate folder with the name: darkmode_ example: darkmode_alarmclock
    5. Copy the project in that folder, do the changes.
    6. Add dark mode screenshot in the README
    7. Create a PR.

    Note: All projects will be under level 03

    enhancement 🟧 Level3 
    opened by chicken-biryani 6
  • Create Covid 19 Awarness Website

    Create Covid 19 Awarness Website

    Description

    (Describe your project over here.) This is the Covid 19 awareness website. It has 4 different section(home,spread,protection etc). I made it using only html5,css,javascript.You will find donate section for contributrion , I used Razorpay for this. Fully responsive website with support and encourage to everyone. Used two links for covid-19 updated news.

    Checklist

    • [x] I've been assigned an issue related to this PR.
    • [ ] I've used beautifiers.
    • [x] I've added my Project's name and description to Index.md
    • [x] I've made a README.md file for my Project.
    • [x] The README.md file of my project contains Project title, Description, Use of project, Set up, Stack used and Output (Screenshots).

    Related Issues or Pull Requests number

    #187 (Write your answer here.)

    🟥 Level4 
    opened by Sulagna-Dutta-Roy 6
  •  Added Glassmorphic stopwatch

    Added Glassmorphic stopwatch

    Description

    A simple glassmorphic stopwatch to track time

    Checklist

    • [x] I've used beautifiers.
    • [x] I've added my Project's name and description to Index.md
    • [x] I've made a README.md file for my project.
    • [x] The README.md file of my project contains Project title, Description, Use of project, Set up, Stack used and Output (Screenshots).
    opened by wre9-tesh 0
  • College ERP System Project added

    College ERP System Project added

    Description

    This project consists of a college ERP system The features are:

    1. Student, Teacher, Admin Login
    2. Student can view marks, upload assignments, write exams, etc
    3. Teacher can evaluate assignments, post marks, and take attendance
    4. Admin can create IDs for students, teachers and maintain timetables

    The ezcollege.sql file contains the database contents for login, attendance, student details, timetable, exams and all other features Make sure to import the database before starting to run the project

    Checklist

    • [ ] I've been assigned an issue related to this PR.
    • [ ] I've used beautifiers.
    • [ ] I've added my Project's name and description to Index.md
    • [x] I've made a README.md file for my Project.
    • [x] The README.md file of my projrct contains Project title, Description, Use of project, Set up, Stack used and Output (Screenshots).

    Related Issues or Pull Requests number

    (Write your answer here.)

    opened by arvindcb-2019 0
  • ChatBot with integrated Bible API using AJAX

    ChatBot with integrated Bible API using AJAX

    Description

    (Describe your project over here.)

    Checklist

    • [x] I've been assigned an issue related to this PR.
    • [ ] I've used beautifiers.
    • [x] I've added my Project's name and description to Index.md
    • [x] I've made a README.md file for my Project.
    • [x] The README.md file of my project contains the Project title, Description, Use of project, Set up, Stack used and Output (Screenshots).

    Related Issues or Pull Requests number

    (Write your answer here.)

    opened by sharduli8090 0
  • This code is for glowing icons

    This code is for glowing icons

    Glowing Icons

    About this project

    (This project makes the icons glow/animate)

    Glowing Icons

    About the Project This project makes the icons glow

    Tech Stacks Used

    HTML CSS

    How to use Project
    Download or clone the repository

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

    Go to the directory

    Run the index.html file

    Initially, the UI looks like:

    Live Demo

    Screenshot (10)

    Screenshot (9)

    Screenshot (8)

    opened by Pahujalaveena 0
  • JavaScript documentation

    JavaScript documentation

    Description

    JavaScript documentation

    Checklist

    • [ ] I've been assigned an issue related to this PR.
    • [x] I've used beautifiers.
    • [x] I've added my Project's name and description to Index.md
    • [x] I've made a README.md file for my Project.
    • [x] The README.md file of my project contains Project title, Description, Use of project, Set up, Stack used and Output (Screenshots).

    Related Issues or Pull Requests number

    (Write your answer here.)

    opened by prashantkr29 1
Owner
Ayush Parikh
Ayush Parikh
Want to *contribute* to *open source*? Participate in **HacktoberFest 2022** *Beginner friendly* *First Timer*

# HacktoberFest 2022 (No Longer Participating in hacktoberfest) THIS REPO IS NO LONGER CONSIDERED IN HACKTOBERFEST. YOU CAN STILL USE THIS REPOSITORY

Jitender Singh Chhapola 5 Nov 12, 2022
A beginner friendly hacktoberfest2022 repo made lately to accept valid open source contribution.

Hacktoberfest2022 A hacktoberfest2022 repo made lately to accept valid open source contribution. What is Hacktoberfest? Hacktoberfest is digitalocean’

One Teacher One 5 Oct 20, 2022
This project contains a leader board for a game which contains players name and list and store them on API build with HTML, CSS, JS and API

Leaderboard This App is a Game Leaderboard app Which is created by JavaScript and the big picture of this application is using API. Build With ??‍?? .

Sahar Saba Amiri 5 Dec 15, 2022
This repository contains an Advanced Zoom Apps Sample. It should serve as a starting point for you to build and test your own Zoom App in development.

Advanced Zoom Apps Sample Advanced Sample covers most complex scenarios that you might be needed in apps. App has reference implementation for: Authen

Zoom 11 Dec 17, 2022
This repository contains different infrastructure components that are used in different projects here at NaN Labs.

Infrastructure Reference Changelog | Contributing This repository contains different infrastructure components that are used in different projects her

NaN Labs 10 Dec 15, 2022
This project is an Awesome Books web page where users can add or remove books from the site. It also displays a list of the books added to the collection. This Awesome books webpage was created using ES6.

Awesome books App using Module Awesome books App using Module This book list was built using modules and other ES6 syntax. It allows users to add/remo

Esther Udondian 6 Jul 25, 2022
Basic setting plugin for beginner BDSX users / bdsx

sos9533scr Basic Setting Plugin for BDSX. [ Features and usage ] [ 기능 및 사용법 ] [ Note ] 1.8.5 UPDATE Fix & Upgrade device ban / Fix tpa output / Fix lo

sos9533 33 Dec 25, 2022
This Repository contain awesome vanilla JavaScript projects.

Awesome JavaScript Projects You can Have a look here Website Are you a Newbie in Web development and want to dive deep into Javascript? Are you lookin

Vishal Rajput 1.5k Jan 3, 2023
This repository contains the Solidity smart contract of Enso, a detailed list of features and deployment instructions.

Enso NFT Smart Contract This repository contains the Solidity smart contract of Enso, a detailed list of features and deployment instructions. We stro

enso NFT 3 Apr 24, 2022
Team Alpha Super Awesome Cool Dynamite Wolf Squadron - 10 - Project 1

Super Hero Wiki This is a group project for our Interactive Front End Web Site. We created a Super Wiki that uses two (2) APIs to provide users a comi

Vicente Garcia Sepulveda 3 Mar 24, 2022
Encode WEB-Dev is a open source project which contains different projects of Html, CSS, Javascript and MERN Stack etc.

HACKTOBERFEST 2022 Encode WEB-Dev is an open source project which contains different projects of Html, CSS, Javascript and MERN Stack etc. which makes

null 7 Oct 31, 2022
🎉 A curated list of awesome Buildspace projects.

Awesome Buildspace A curated list of awesome Buildspace projects. Please check the contribution guidelines for information on formatting and writing p

Alberto Cruz Luis 12 Dec 6, 2022
Dynamic-web-development - Dynamic web development used CSS and HTML

Dynamic-web-development ASSISNMENT I just used CSS and HTML to make a mobile int

null 1 Feb 8, 2022
This repository contains a basic example on how to set up and run test automation jobs with CircleCI and report results to Testmo.

CircleCI test automation example This repository contains a basic example on how to set up and run test automation jobs with CircleCI and report resul

Testmo 2 Dec 23, 2021
Example-browserstack-reporting - This repository contains an example of running Selenium tests and reporting BrowserStack test results, including full CI pipeline integration.

BrowserStack reporting and Selenium test result example This repository contains an example of running Selenium tests and reporting BrowserStack test

Testmo 1 Jan 1, 2022
SAP Community Code Challenge: This repository contains an empty OpenUI5 application and end-to-end tests written with wdi5. Take part in the challenge and develop an app that passes the tests.

SAP Community Code Challenge - UI5 The change log describes notable changes in this package. Description This repository is the starting point for the

SAP Samples 8 Oct 24, 2022
Jaime Gómez-Obregón 119 Dec 24, 2022
The repository that contains all source code for the ZenML UI.

Open-source companion dashboard for ZenML. Manage and visualize your ML pipelines, stacks and artifacts in one place. Explore the docs » Join our Slac

ZenML 18 Nov 22, 2022
The repository shows the compiler (simulator) of the Little Man Computer, which also contains some programs in the LMC programming language for implementing different functions.

Little Man Computer The repository shows the compiler (simulator) of the Little Man Computer, which also contains some programs in the LMC programming

Cow Cheng 2 Nov 17, 2022