Please sign in to access this page

Race Reading

Race Reading Used AI

12 devlogs
109h 7m
•  Ship certified
Created by Nuan

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.

Timeline

Ship 2

0 payouts of shell 0 shells

Nuan

3 days ago

Nuan Covers 5 devlogs and 50h 10m
Nuan
Nuan
9h 48m 3 days ago

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.

Nuan
Nuan
10h 31m 5 days ago

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.

Nuan
Nuan
9h 7m 8 days ago

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.

Nuan
Nuan
9h 48m 11 days ago

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.

Update attachment
Nuan
Nuan
10h 54m 16 days ago

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.

Update attachment

Ship 1

1 payout of shell 176.0 shells

Nuan

24 days ago

Nuan Covers 7 devlogs and 58h 57m

=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.

Update attachment
Nuan
Nuan
8h 18m 24 days ago

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.

Update attachment
Nuan
Nuan
11h 17m 25 days ago

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)

Update attachment
Nuan
Nuan
10h 23m 27 days ago

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.

Update attachment

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.

Update attachment

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.

Update attachment

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.

Update attachment