Please sign in to access this page
Race Reading is a web app to motivate you and your Readmates to read by creating a competition. You and your Readmates can agree among yourselves on a fair section of your individual books that you want to read in the same time frame. Everyone then has to enter their current page number to give their Readmates live updates, and whoever finishes their section first wins.
Once you ship this you can't edit the description of the project, but you'll be able to add more devlogs and re-ship it as you add new features!
So I added a Linkbox so the user can copy and share all the links he needs. Then I did some testing and fixed some bugs. Additonally I updated the Readme and put the new update on the server for the demo link to work.
So the backend of the website now checks if the submitted inputs are even allowed. I also did a lot of small changes (smooth scolling when a friend col is added, automatic corrections to goals that are out of bounds, updateing the spinner, handling empty inputs, etc.) to the website and fixed some bugs.
So I fixed some small bugs, added the function to sort the reading progress stats and add that the user finally can change the page of his book he's currently on under a custom link. If he saves that he gets redirected to his reading groups statictics and your progress bar gets selected automatically. Right now I'm working on securing all the different inputs.
So I fixed some small bugs. Wrote code so the text of the progress bars always looks fine. Then I added that you can select a bar and get information about the book the friends is reading and where he started to read and where he is currently at. The Number of total pages is always shown. Additionaly I added error pages if something in the loading process goes wrong.
So I did the need Readme, added a error message pop up for when en error occured while uploading an image. And fixed some minor bugs. Then it was time for the submited data to be saved. I use MariaDB. After that I wanted to display the current progress of each reader, what I'm currently still working. After you saved your data you get an link to your custom page. By now you can select which friends are shown. And I'm working that the information in the statisitcs are always shown properly.
=About my first ship for this project=
At the moment it's just the homepage for my first ever web app, a tool that helps you keep track of your reading speed in comparison with your friends. The Project isn't finished but I wanted to already get some feedback and coins so I see what I can improve. By now you can search for a variety of books and then edit or add additional information, for up to 9 Friends, which can be assigned a unique color. Also you can upload your own pictures as a cover. Since this is my first ever Projekt in React and I really didn't have much experience in html, css, js, don't be surprised by the over the average time it took me, I'm still pround I got that far despite all the things that went wrong and I'm motivated to finish is project.
Now the Google API is also in the backend, so the api key is better protected. Every column is now customizable by color that is why there is also color picker now. Also I fixed some bugs and set up the first version of the web app on a web server.
I got kinda bored from writing text so this time you'll get a list of the things I did at my project.:
- Fixed Bug in the Friends Columns Managing System (Two Sources of Truth)
- Help text are now hideable
- Fix Label Hovering Bug
- Settings Int to the Numbers of the Bookobjects
- Displaying Number of Pages of selected sections of the book.
- Upload Own Images (That probably took the longest)
- Added Loading Screen to Image Upload (this is only mention because it took me like one and a half hour)
So the rewrite in React is finally finished. While doing that I also optimised the search bar so that less requests get send to the books api. After that I also did some hover effekts und fixed some bugs. Which took more time then I wanted it to take.
I fixed some bugs and other small details, also the user can now add more friends columns. After that I made the decision to rewrite my Project in React. Due to the complexity that is starting to show. Fortunately most of the html and all of the css could just be copy pasted. At the current time mostly everything works again, with the difference the code is now way cleaner.
After almost another 10h the search of a book with the insert of its information is finally fully implemented. The screen to display and enter the information about the friend's reading goal in his book is now almost done. The next step will be to add the ability of adding more friends.
Since this is my first Web App my working speed is quite a bit slower, because I need to figure out most of the stuff I do on the way. In the first 9h 22m 25s I did the rough design of the homepage. Including the working Columns for the book selected for different friends. I also implemented the Google Book API into the Search Bar. But this is still a work in progress.