Git Product home page Git Product logo

calcyourgpa's Introduction

calcyourgpa

A one stop shop to calculate your GPA! Check it out here!

Usage Guidelines

The website should be self-explanatory. Make sure all selected subjects have a value entered.

Contributing

We love contributions! The one rules we have are:

  • Make the project better
  • Make the user's life easier
  • All code only in 1 file

It's a very simple project. Don't hesitate to get your hands dirty with this repo.

Tech stack:

  • HTML drawing
  • CSS drawing
  • Javascript drawing

Maintainers: Srujan, Avinash, Aarav

calcyourgpa's People

Contributors

adarsh-liju avatar avinash-vk avatar ivanetra avatar krutikabhatt avatar omeiirr avatar raghavl06 avatar srujandeshpande avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

calcyourgpa's Issues

Update the README

Typical docs update to make it look cooler.
Feel free to explore your creativity here.

  • Add logos for the tech stack
  • Add gifs
  • Add a cooler description.
  • Music?

Its yours to explore.

Separate files of HTML, CSS , JAVASCRIPT

What do you want to see?

Separate the code by making style.css and main.js file
This is the best practices to follow

Code of Conduct

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

Webpage theme

Suggest a theme you think would look nice for the webpage, you can suggest your color palette you'd like to use with your reasoning, and then once assigned can work on redesigning the page.

For examples you could take inspiration from colorhunt and dribbble

Clean up the code

What happened?

A lot of the program logic is partially convoluted and unnecessarily roundabout. Cleaning it up would result in easier understanding for newcomers.

Code of Conduct

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

Add Custom inputs for marks

Add options to give user options for more marks per subject.
For example:
Currently, its' Assignment, ISA and Expected finals marks. Allow users to edit these names/add more/less of these marks and the weightage of the marks as per requirement. Update logic to calculate the marks as well.

Add a Title to the page

What do you want to see?

Add a title to the page with the text "CalcYourGPA!"

Code of Conduct

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

Replace subject names with generic alternatives

What do you want to see?

The subject names currently displayed are specific to Semester 6 of the 2018-2022 batch. The should be replaced with something generic such as

  1. Subject 1
  2. Subject 2
  3. Lab 1
  4. Special Topic
  5. etc.

Code of Conduct

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

Add Custom inputs for subjects.

Add options to allow users to add more subjects.

A simple + icon button at the end to add more subjects should suffice. For now, simply naming the new subjects Subject-1, Subject-2 etc for the new subjects should suffice. Make sure to update logic for computation for the same.

Add a heading block on the webpage

Add a title block showcasing Calcyourgpa and a description explaining what the website does, and then on the click of a button that says Calculate Now, scrolls down to the calculator part.

Make it as attractive as possible ;)

Add drag and drop for subjects.

Allow users to rearrange subjects using the drag and drop functionality. You are free to use third party solutions for this.

Divide by zero problem

What happened?

If someone does that have an "isa" for a subject, they would enter 0 as both the marks and out of which will break the page due to division by zero. We need to find a way to eliminate this bug. If anyone enters 0 as the mark, then the weightage for that test should be shifted to the assignment.

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.