All the notable changes for this project are documented in this file.
The github for the project: https://github.com/liyu711/Dubhacks2020-project.git
We maily focused on the core functionality and UI. By tracking the process, we were able to mark
down things and achieve our goal for building a website
Core Functionality
input the Mouse DPI, FOV, and Sensibility for different games and the web
calculator is able to give an output of the mouse sensibility.
have a well-track Changelog
have a Credit page for the web developers
the web calculator can also refer the users to the game pages
User Interface
ask for the input
easy to find the content and follow the instruction
have a dropdown menu so that users can easily find what they are looking for
users have multiple options to choose from. By selecting the pictures of the games,
users have more direct views about the games they choose to compare
a functioning web calculator
The following is the work that we kept on track.
First Version
established the main framework for the index.html and styles.css
changed the background image, changed the fonts and the color
had a basic layout, but also developed a better idea compared to the original scratch while working on the code
Second Version
embeded the navigation bar, created tabs for Home, Calculator, Changelog, Credits, and Supported Games
created the logo of the website
adjusted the fonts in the navigation bar, linked each buttons to the corresponding web links
Third Version
uploaded the pictures of each games and updated the icon place holder
updated the stype, added the footer including all the developers' names
motified the navigation bar, fixed the format
created dropdown menu for Supported games, Changelog
changed the background image
motify the spacing in the navigation bar
Fourth Version
add code for the multi-tab (very different from our original scratch)
not exactly what we expected, but getting closer
two pages showed up at the same time
create the page for the web developers
changed the background image
added the image frame
fixed some bugs
fixed the multi-tab issues
Fifth Version
finish the javascript for the program, which is where the calculation is performed for the Mouse Sensitivity Calculator
make the Mouse Sensitivity Calculator in the web funtion
have a dropdown menu for the users to select which game they want to put into the calcultor
Mouse Sensitivity Calculator allows users to calculate the mouse sensitivity for
different games.
We are currently supporting three games:
1) Tom Clancy’s Rainbow Six Siege, 2) Valorant, 3) Counter-Strike: Global Offensive.
