Giter Site home page Giter Site logo

opcode-open-spring-fest / units-converter Goto Github PK

View Code? Open in Web Editor NEW
1.0 0.0 21.0 4.54 MB

Unit Converter is an open-source web application designed to facilitate easy conversion between various units of measurement, including currency, weight, volume, length, and temperature. With a user-friendly interface and customizable options, users can perform conversions quickly and accurately.

JavaScript 2.06% HTML 73.89% CSS 24.05%
iiitbh opcode open-spring-fest osf type-easy web-development

units-converter's People

Contributors

jagpreet153 avatar parasrajain avatar prayas248 avatar sanyam-15 avatar

Stargazers

 avatar  avatar

units-converter's Issues

[Feature]: Make Navbar for each of the html pages other than the Home Page.

So, what is it about?

Replicate the Navbar present at the Home Page (which is index.html file) for all HTML files present in the "HTML" folder.

Make sure that you replicate the Navbar present in index.html.

Also apply the same CSS.
Make a common stylesheet for navbar which you would link with each of the mentioned HTML files

Make sure to contact me for any difficulty regarding not understanding the issue before sending any Pull Request.

Code of Conduct

  • I agree to follow this project's Code of Conduct

[Feature]: Creation of Home Page

So, what is it about?

  • The Home page should be made in the file "index.html" below the Navbar where "This is the Home Page" is currently being displayed (Note that you have to replace the text "This is the Home Page" as it is only for your reference).

  • Home Page should contain the basic information about the different type of units that are currently being used ( for eg- for currency, mention about Indian Rupee, USD, Pounds and Euro, similarly for the rest) and what this site does (that is, convert one type of currency to another in case of currency converion, similarly for others etc.).

  • Appropriate CSS should be applied to make it look a bit professional, also it should be responsive.

  • A separate stylesheet should be linked toindex.html file, named - "HomePage.css" which should be present in the "CSS" folder.

Code of Conduct

  • I agree to follow this project's Code of Conduct

[Feature]: Add CSS to currency.html.

So, what is it about?

  • Apply CSS to the file "currency.html" which is present inside the folder named "HTML".
  • The stylesheet used should be "Currency.css" which is already present inside the folder named "CSS".
  • The stylesheet should be linked with "currency.html" file.
  • The CSS applied should make the page look more professional.
  • The CSS applied should also be responsive.
  • NOTE: if any of the pages other than this file already has CSS, then try to make the theme of your CSS similar with that for uniformity.

Code of Conduct

  • I agree to follow this project's Code of Conduct

[Feature]: Apply CSS to the file "volume.html".

So, what is it about?

  • Apply CSS to the file "volume.html" which is present inside the folder named "HTML".
  • The stylesheet used should be "volume.css" which is already present inside the folder named "CSS".
  • The stylesheet should be linked with "volume.html" file.
  • The CSS applied should make the page look more professional.
  • The CSS applied should also be responsive.
  • NOTE: if any of the pages other than this file already has CSS, then try to make the theme of your CSS similar with that for uniformity.

Code of Conduct

  • I agree to follow this project's Code of Conduct

[Feature]: Make the Navbar more stylish and show that which page is currently active.

So, what is it about?

Apply CSS to Navbar present in index.html file which is:

  • More stylish and if possible a bit animated.
  • Responsive.
  • Should show which page is currently active.

Make sure that changes that you make is applicable on all the rest of the html files present in the "HTML" folder.

Make sure to contact me for any difficulty regarding not understanding the issue before sending any Pull Request.

Code of Conduct

  • I agree to follow this project's Code of Conduct

[Feature]: Apply CSS to the file "weight.html".

So, what is it about?

  • Apply CSS to the file "weight.html" which is present inside the folder named "HTML".
  • The stylesheet used should be "weight.css" which is already present inside the folder named "CSS".
  • The stylesheet should be linked with "weight.html" file.
  • The CSS applied should make the page look more professional.
  • The CSS applied should also be responsive.
  • NOTE: if any of the pages other than this file already has CSS, then try to make the theme of your CSS similar with that for uniformity.

Code of Conduct

  • I agree to follow this project's Code of Conduct

[Feature]: Apply CSS to the file "length.html".

So, what is it about?

  • Apply CSS to the file "length.html" which is present inside the folder named "HTML".
  • The stylesheet used should be "length.css" which is already present inside the folder named "CSS".
  • The stylesheet should be linked with "length.html" file.
  • The CSS applied should make the page look more professional.
  • The CSS applied should also be responsive.
  • NOTE: if any of the pages other than this file already has CSS, then try to make the theme of your CSS similar with that for uniformity.

Code of Conduct

  • I agree to follow this project's Code of Conduct

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.