- This is a static website project that one can use to split bills among friends when you go on a trip or something , because many of the time someone pay and not all of them were a part of the expense , so it get really complicated to do it manually
1. On the first page you enter the no. of friends there are and press enter
2. On the second page you can enter the names of all the friends , or you can press reset
to start agian
3. On the third page you make entries of each payment , and you can then calculate the
final result anytime ,you can even add more entries even after calculation and then again
if you calculate ,new entries will be used
4. now if you press reset anytime you will be prompted to enter everthing again
1. You download the project from github first
2. Unzip it and open in vscode
3. open new terminal and run " npm run build " , now open public/index.html in the browser
- JavaScript
- Html
- CSS
- TailwindCSS ( just the basics ) -> this will sufice
1. fork the project , star the repo
2. Creating a new branch for changes
3. Make changes you want , make sure after changes the project is still working
4. push the changes on your forked repository
5. Make a pull request , wait for merging guidence for changes required
1. Your changes should be well commented , overcomment if you can
2. While making changes try to be consious that you code such way that there are minimum
conflict when merging
3. Be upto date with the original file as much as you can and adjustyour code accordingly
first hand , so later you don't have to modify too much to clear conflicts
4. In javascript try to use functions for changes if possible , don't just hard code to
already existing code or you can have a different js file altogether , but link it well
-
Add button on second page to remove the last entry of the entered Name
-
Add button on third page to remove the last payment entry
-
You can make the popup which appears when you make entry to come smoothly and then disappper smoothly or it comes from one side and go to other side and disappear , work on popup transition
-
suggest more features in discussion section I will add them here for contributers to work on
- At the second page , where we add names , if we refresh the page in middle after adding few name , the names that were being shown on the page don't show .most likely related to function renderpage and rendertopage in javascript.
- comment in the discussion section , I will get to you