Giter Site home page Giter Site logo

axe-pearl / mini-projects Goto Github PK

View Code? Open in Web Editor NEW
24.0 1.0 57.0 767 KB

Good First Issues are available here for Beginners

License: GNU General Public License v3.0

HTML 27.74% CSS 24.92% JavaScript 47.34%
first-contribution good-first-issue goodfirstissue hacktoberfest hacktoberfest-accepted hacktoberfest2022 javascript reactjs hack hacktoberfest2023

mini-projects's Introduction

mini-projects's People

Contributors

4arjun avatar axe-pearl avatar chaitanya-087 avatar gaut2003 avatar kishan2510 avatar mouss3abbb avatar muhammad-rebaal avatar parthgupta9 avatar yash-sharma13 avatar

Stargazers

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

Watchers

 avatar

mini-projects's Issues

TODO list text overflowing

I found a issue in todo list, the text is overflowing the parent div and also adding a horizontal scrollbar.

Create a Simple Calculator using HTML, CSS and JavaScript

Hey Everyone, Sorry for the inconvenience.
Wait this repository is excluded, before I merge any pull request, I am resolving the issue.
Be Patient, and keep tuned, the problem will be fixed soon, I am closing the issue for a temporary time
Thanks

Functionality

  1. Buttons to type number
  2. Buttons to add, subtract, multiply and divide
  3. Button to clear everything

Optional - Creating more features will be appreciated and bonus point

NOTE: To get a pull request accepted kindly follow these steps -
Follow these steps -

  1. Star the Repository
  2. Create an App
  3. Make a pull request
  4. I will merge your pull request

NOTE: Remember that you put your code in the Respective Directory -
https://github.com/Axe-Pearl/HacktoberfestRepo/tree/master/Calculator


For more such issues and to get notified first, follow me on
GitHub - https://github.com/Axe-Pearl
Instagram - https://www.instagram.com/anurag_nema_ytube/

Also, Subscribe to our YouTube Channel where we talk about coding concepts, building amazing kinds of stuff, tips and tricks, and much more -
https://www.youtube.com/channel/UC8uVulieEYQWms4Jf8uxQ2g


Code Enhancement

Hello, I noticed that the input space of the calculator after getting the result and clicking any number is not cleared, it stays there and the clicked number is displayed as an additional digit to the input value.

I suggest altering the adder function in cal.js file to the following code:

Before
- function adder(k){
valEl.innerText += k
if(k=='*' || k=='+' || k=='-' || k=='/'){
compute(0)
}
}


After
+ function adder(k){
    
    if (/\d/.test(k)) {
    if (resEl.innerText[0] == '=') {
        valEl.innerText = ""
        resEl.innerText = ""
    } }
    
    valEl.innerText += k 

    if(k=='*' || k=='+' || k=='-' || k=='/'){
        compute(0)
        if (resEl.innerText[0] == '=') {
            resEl.innerText = ""
        }
    }
}

Please let me know if you want me to add these changes, thank you.

Update README.md file

A README.md file in a GitHub repository serves as a user-friendly introduction and guide to the project hosted on that repository. It's essentially provides information about the project, its purpose, how to use it, and other relevant details.

Create a Analog Clock using HTML, CSS and JS with beautiful UI

The issue is open for all

Optional - Creating more features will be appreciated and bonus point

NOTE: To get a pull request accepted kindly follow these steps -
Follow these steps -

  1. Star the Repository
  2. Create an App
  3. Make a pull request
  4. I will merge your pull request

NOTE: Remember that you put your code in the Respective Directory -
https://github.com/Axe-Pearl/HacktoberfestRepo/tree/master/Clock


For more such issues and to get notified first, follow me on
GitHub - https://github.com/Axe-Pearl
Instagram - https://www.instagram.com/anurag_nema_ytube/

Also, Subscribe to our YouTube Channel where we talk about coding concepts, building amazing kinds of stuff, tips and tricks, and much more -
https://www.youtube.com/channel/UC8uVulieEYQWms4Jf8uxQ2g


Allow Users to Edit Todo Titles

As a user, I want to be able to edit the title of a todo item so that I can update and customize my task descriptions as needed.

Implementation Plan:

  • Add an "Edit" button/icon next to each todo item.
  • Clicking the "Edit" button opens a modal or inline editor.
  • Users can modify the title and save the changes.

This enhancement aims to improve the user experience by providing a convenient way to edit todo titles. Users can make updates or corrections without having to delete and recreate entire todo items.

Create Todo List

CREATE A TO DO LIST LIKE THIS ONE -

Todo

Functionality

  • Add the Item
  • Delete the Item
  • Change the Order of Items(Up and Down)

Optional- It will be appreciated if after reloading the page order and data should be sustained.

NOTE: To get a pull request accepted kindly follow these steps -
Follow these steps -

  1. Star the Repository
  2. Write an Article
  3. Make a pull request
  4. I will merge your pull request

NOTE: Remember that you put your code in the Respective Directory -
https://github.com/Axe-Pearl/HacktoberfestRepo/tree/master/TODO-LIST


For more such issues and to get notified first, follow me on
GitHub - https://github.com/Axe-Pearl
Instagram - https://www.instagram.com/anurag_nema_ytube/

Also, Subscribe to our YouTube Channel where we talk about coding concepts, building amazing kinds of stuff, tips and tricks, and much more -
https://www.youtube.com/channel/UC8uVulieEYQWms4Jf8uxQ2g


Define contribution guidelines and license

I suggest adding CONTRIBUTION and LICENSE files.
The contribution files should explain the approach to adding to the repo and can be more in-detail explanation for beginners
The license is necessary to any open sources project.

I can handle them if assigned

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.