adithyapaib / downloadtimecalculator

A site to get approximate download time

Download Time Calculator

A site to get approximate download time built using HTML CSS and JavaScript!

Demo

Demo Site

Screenshot

Features

• Responsive Layout
• Rich, multi-step animations
• Light/Dark mode toggle
• Aesthetic and modern UI

Color Reference

Color	Hex
Dark Background	#222
Light Background	#e6e6e6

Hi, I'm Adithya! 👋

🚀 About Me

I'm a Front-End Developer and Open-Source Enthusiast.

🔗 Links

🛠 Skills

Javascript, HTML, CSS...etc

Authors

• @adithyapaib

Contributing

Contributions are always welcome!

See Issues section for ways to get started.

Please adhere to this project's Code Of Conduct

Feedback

If you have any feedback, please reach out to us at [email protected]

Support

For support,contact on my email [email protected]

License

🤝 Our Contributors

Dont forget to star this repo and follow me!

Thanks

downloadtimecalculator's Issues

There is two download time Predictor form in one page

Both bigger and smaller screen have two Download time Predictor form this is bad user experience

Format the About Us section

I'm Yanda Saketh, a hactoberfest participant and also I'm new to open source.

I would like to format the about us section.

Remove named folders

Remove folders that are not needed for the project

few improvements like adding social media icons and connecting it with social media website of creator and adding hover properties over submit buttonr

if you can assign me this task i can make few improvements and add connectivity of user with creator

Mobile view is not showing result properly

Hi @adithyapaib there is issue when result displays on mobile view green background is not in full result also calculate new button is merging with footer. I can fix this issue please assign it to me.

Output box is not perfect

there is no result showing in output box

After clicking submit button heading download time predictor go inside navbar

When anybody click on submit heading goes in navbar and also that box open after click touches footer I want to resolve this issue please assign me this.

The submit button should display above the footer with social media icons

I can fix this positioning issue. Please assign this issue to me

How to use heading

Adding How to use manual to the page.
Please assign this to me.

REMOVE unused nav elements

Navigation Link not working..

In the header part, there are many navigation links... none of them is working, I want to add about section on the main page and, I'll make it responsive as well .. Kindly assign me this project!

Update README.md

Hey, the current readme file is very plain and unappealing, I would like to improve its UI and make it attractive.

Add Some CSS on Submit button like change color , little bit zoom and add some shadow on hovering .

it will improve its UI

Text colors conflicting when in Dark Mode

When Dark mode is on, certain texts become illegible.

@adithyapaib kindly assign this to me, as i have experience in frontend, i can fix it.

Upadate the broken layout and fixed all major bugs and some navbar bugs.

need to fix this.

Having problem with footer after clicking submit button

the footer is collapsing with the result and that need to be fixed

Add css

Hey, I will add a CSS file and try to make the website better with few animations. Please assign me this task

Result message overlap with footer

I would like to work on this issue.

Fix output box

The output box is getting merged with social media icons. Assign this issue to me I'll fix it ASAP

Navbar links , fonts and styling

I am working on making the navbar more styled plus changing fonts and color where needed to make it more elegant. Kindly assign me this issue.

social media icons in about page

The icons are not identical in shape and size I would like to change it.

Navbar is not Responsive when used in different mobiles

Can u pls assign me this issue under hacktoberfest2021 ?

input fields accepts negative values

the inputs cannot be negative but the input fields accepts negative values and thus, resulting in a negative time.
I would like to work on this issue, can you please assgin this to me?

Fix broken Layout

Remove duplicate componenets

Auto Calculate overlaps with Dark mode toggle button

Making the div visible

When the submit button is clicked the div appears showing the result. This div however is not contained and parts of it is not visible properly. @adithyapaib Can I work on this issue? Do I have to wait to get assigned or I can submit a PR directly?
The issue is :

The calculate new button is not visible

Make the calculate new link to a button

Change the calculate new link to a button so its visible

Change UI of output BOX

Slight changes in the output box can make it look better like the button Calculate new is not properly visible

I'll make it look somewhat like this

I'll also add a box to the mid text so that the Result will be highlighted. @adithyapaib Please assign this issue to me to make the following changes.

Home page look and output box

I can improve the home page look and also the output box is not perfect. I can fix both of these by tomorrow if u assign me this issue.

on the navbar, the links are not properly aligned

[Bug] Submit Button

These are the following bugs which are ruining the user experience:

• The Submit button is far below the Footer
• The page gets reloaded after a fraction of second submit button is pressed

Change the button color in dark mode

Change the button color in dark mode to dark green or any color that matches the dark background

The alignment of elements is not proper in the main page. I want to work on this issue.

Issue : Submit Button is not responsive, it overflows in x-direction .

Changing the color code

The colors red and green along with the black text does not look properly color coded. I wanted to change the font and color of the div having green color . Please assign me this issue.

Footer seems to be very basic its need to be updated

Dark mode

When we go into dark mode the submit color doesn't change as it should. I would like to change it pls assign it to me.

output is not their

Fix the footer icons

Can you assign this issue to me?

In main page nav bar items are not aligned

can give me this task to be done?
I have great knowledge about html and css

Add footer to Auto Calculate page

The footer is not present on the Auto Calculate page. Also the UI of footer can be improved.

<h2> not responsive

Hello @adithyapaib. I noticed that when the screen is small, the

Download Time Predictor

gets out of the container, so I suggest to fix it.

I am an hactoberfest participant and I would like to work on this issue.

Reducing the User Inputs.

Hey @adithyapaib, I have made some changes where in I have removed the Submit button and the calculations are performed automatically on change of input. This will remove the User input.

Also, I have created a new page for the same and linked that via the navigation link (from main page to the new page and vice-versa)

Issue with the color of the submit button

The submit button is initially black, on entering dark mode it becomes green but on reverting back to light mode, the color still stays green. Assign me this issue.

Navbar of Web Page

NavBar keeps changing on different page. I'll make it same and About Us section doesn't work in File Transfer section. I'll fix that too.

Please assign me this under HacktoberFest Tag.

Remove .vscode file

Remove obsolete code from the repo

shreya0909

The spacing between the navbar and download time predictor is very much and after clicking on submit button the download time predictor collide with the navbar

File Transfer time calculator

I would like to add one extra feature that is How much time it will take to transfer files from mobile phone to laptop using data cable! Can I? Kindly assign me this project !

Bug in dark mode

While using dark mode, if we click the calculate new button the entire page gets reloaded, and dark mode gets exits.
I would like to work on this issue.

Make dark mode better

I think the dark mode should be more darker.