By
@PAPER_01
Recommends random animes and manga (in future will add movie,games and cartoons) it will be combining available free APIs which work as a fallback , so that you feel like the API never exhausts =)
Hello everyone, welcome to Devlog #11 of Hikari!
Talking about updates, the update is more on the visual side this time.
I have added the poster as the background — the same poster which is viewed on the card, with some blur effect.
I thought it was kind of cool and matches the old style of my site. (≧▽≦)
Currently, I am working on making the card have a 3D-like effect.
I found the source code for it on FreeFrontend.com. I will provide the link on the GitHub README, in the Credits section.
Yeah, that’s all for this devlog.
I mean, I’m enjoying writing these devlogs. I wrote a couple of devlogs today and I’m still enjoying it, so I’m uploading this one as well.
I thought it was good. It’s good to track the progress as well.
So,That’s it for this devlog!
If you want me to explain something, or if you think I did not explain something properly, then please do tell me in the comments. I’ll try my best to explain it again in the comments as well.
Thank you so much for reading, and have a very nice day! (ﾉ◕ヮ◕)ﾉ*:･ﾟ✧
Hikari is a recommendation site that currently uses a total of five APIs — four APIs for manga and four APIs for anime. Though some of the APIs are used in both of them. To be more precise its, AniList, Jikan, and Kitsu as they have information about both manga and anime, so they are used for both.
I’m trying to make a recommendation site that recommends anime and manga for now, but I will be adding movies, games, and cartoons in the future.
The main thing I’m trying to do is combine all the available APIs and give you the best experience by solving the issue of free APIs exhausting soon quickly Since I’m combining all these APIs and making them work as a fallback system, if one API fails or gets exhausted, the other can hold you back.
For a more detailed explanation, please check out the README on GitHub.
Thank you so much!
I hope you like this =)
Hello everyone, welcome to Devlog #10 of Hikari! (｡•̀ᴗ-)✧
And so, this might be the final devlog before the first ship!
I have worked on the responsiveness and cleaned the code.
I also worked on making sure(cleaning) the experimental console.log things will not be displayed in the console tab of the site.
And finally, I have hosted the site!
I’ll add a simple screenshot of the site below:
If I make any changes later on, while my project is still waiting to be reviewed, I might add another screenshot to this devlog and update what was changed.
Site live at : https://shrestha-project-09.66ghz.com/
And if you have any questions, please do tell me in the comments. I’ll try my best to explain it there.
Thank you so much for reading, and have a nice day! (ﾉ◕ヮ◕)ﾉ*:･ﾟ✧
Thank you so much for reading!
And if you have any questions, please do tell me in the comments. I’ll try my best to explain it there.
Thank you so much for reading, and have a nice day! (ﾉ◕ヮ◕)ﾉ*:･ﾟ✧
Hello everyone, welcome to Devlog #9 of Hikari! (｡•̀ᴗ-)✧
So, I added some glassmorphic, or honestly more blur-like effect, on the genre options.
I will add a screenshot below
Yeah, I guess I will work on the responsiveness of the site next.
And I will remove the Cartoons, Movies, and Games options for now because I will be shipping it, and I will work on those topics later on.
Yeah, I guess that’s it.
And as always, if you have any questions, please do tell me in the comments, and I’ll try my best to explain it there.
Thank you so much for reading!
Have a nice day! (ﾉ◕ヮ◕)ﾉ*:･ﾟ✧
Hello everyone, welcome to Devlog #8 of Hikari! (｡•̀ᴗ-)✧
Talking about the updates
I worked on the genre filter and applied the filter to all four APIs .
And yeah, actually, that’s all for this update.
Next, I’m looking towards updating, or like, making some visual changes
Also , if everything goes right
I might ship it today. As shipping after making a big project might make people not want to read all those devlogs , so um yeah
Yeah, that’s it for this devlog.
And if you think that I didn’t explain something properly, or you want me to explain something more, then please do tell me in the comments. I’ll try again there.
Thank you so much for reading, and have a nice day! (ﾉ◕ヮ◕)ﾉ*:･ﾟ✧
Hello everyone, welcome to Devlog #7 of Hikari! (｡•̀ᴗ-)✧
Okay, so talking about the updates for this devlog, I have now finally added the API fallback chain for mangas as well.
I used:
AniList → MangaDex → Jikan → Kitsu
AniList is the primary API, then MangaDex, then Jikan, and finally Kitsu.
And it seems like both MangaDex and Jikan are down. When I used them a few months before, they were active, but I don’t wonder why they all are, like, getting down and not accepting the requests. (but still i kept them on the fallback just in case if any of them come to life =) )
In the upcoming future, I am going to work on the genre filter for mangas in the same way i worked for the anime.
I was also thinking of shipping this project after completing the Anime and Manga sections.
I know it looks a bit plain right now, but I wanted to see what you all think about it. I might get some good recommendations from you guys, which I might implement.
Yeah, so I guess that’s it for this devlog.
If you want me to explain anything, or if you think that I did not explain something properly, then please tell me in the comments. I’ll try to explain it again.
and as always, thank you so much for reading!
and
Have a nice day! (ﾉ◕ヮ◕)ﾉ*:･ﾟ✧
Hello everyone, welcome to Devlog #6 of Hikari! (｡•̀ᴗ-)✧
For this devlog, the main update I would say is the starting of the Manga Recommendation section.
I have started working on the manga system now, and so far I have only implemented the AniList API for API calls for manga.
In the future, I am planning to add more APIs for manga as well:
This should give me more options for fallback APIs and hopefully make the manga recommendation system more reliable.
And yeah, I guess that’s it for this devlog.
This one is kinda short, ik (ᵕ—ᴗ—), but that’s the only update I have right now. So yeah, that’s all for this devlog!
And as always, if anything was unclear, then please do tell me in the comments. I’ll try to explain it there as well.
Thank you so much for reading!
Have a nice day! (ﾉ◕ヮ◕)ﾉ*:･ﾟ✧
Hello everyone, welcome to Devlog #5 of Hikari! (ﾉ◕ヮ◕)ﾉ*:･ﾟ✧
Okay, now talking about the updates, I have added the similar randomization to AniList and Kitsu API as well.
Yeah, I mean, they work differently, but overall it is to achieve the same random result as it was applied in Jikan.
You can read Devlog #4 for more info.
Another change I made was on the Select Genre is how the results are displayed .
So basically, before, how it used to work was:
If you selected one genre, then it would give you the correct result.
But if you selected multiple genres, then it might:
But yeah, there are some changes I made to this.
Now, instead of showing some random unrelated anime or throwing an error, it would display something which comes within the range of your selected genres.
For example, if you selected:
And if no such anime is found on the API which contains all three genres, then it would give you an anime containing Action or Comedy or Drama, or any combination of the selected genres.
So yeah, it will not totally disappoint you. I mean, I felt it would be better to give you something related to what you selected. (￣▽￣)ゞ rather than something totally unrelated.
Currently, I have applied this system only to AniList.
I’ll apply it to Jikan and Kitsu soon
However, I am not applying it to SukiMori, as it is not giving quite the response required to display anything.
I did not comment out the whole code of SukiMori, but yeah, I am not applying the filters and stuff to SukiMori as it is throwing an error again and again, and it’s not letting me fetch any data.
I tried searching for it, but I could not really fix it.
So I asked AI, and it told me that it was refusing to connect and nothing can be done and something like that.
So yeah, I am not writing filters for that for now.
And yeah, that’s it for this devlog, I guess. (｡•̀ᴗ-)✧
If you have any questions, or if you think I did not explain anything properly, then please do tell me in the comments.
I’ll try to explain it there .
As always, thank you so much for reading!
and Have a very nice day! (≧▽≦)
Hello everyone, welcome to Devlog #4 of Hikari! (ﾉ◕ヮ◕)ﾉ*:･ﾟ✧
Okay, so talking about the updates, this time I have integrated the Choose Genre filters, and other few update , i will explain it below.
Now, while generating any random anime, you can choose or select genres on which you want the anime to be recommended.
And ngl but it works best when you choose one genre(ó﹏ò｡).
It might take some time, or sometimes give you some random anime, or maybe also sometimes throw an error when you choose a tones of anime
For example, if you select all the genres, then obviously it would not find any anime with all the genres, so it might either give you a random anime or worst case scenireo , might throw an erroe.
It works best when you select around one or two genres.
Another update is that I have also implemented the fourth fallback option, which is Shikimori.
Though I ummm didn’t really find it much reliable(returns anime very little time(╥﹏╥)), I still kept it as a fallback option in case it might come to use.
And the last update for this devlog is how the anime is fetched from Jikan.
So, let me tell you how it worked before.
Previously, when pulling any random anime from Jikan, it used to ask for one page.
The pages were based on the descending order of popular anime, so it would give me the 1st page containing popular anime.
Each page contains around 25 anime, and it would pull one anime randomly from that page.
and yeah , since it pulled from only that page , it would genreally revolve around those 25 popular anime.
But this time, I have randomized ** the page**.
So now, it isn’t limited to just the popular anime of 1st page.
It could be:
So, instead of only getting anime from the popular pages, you can now get something from pretty much anywhere within the available database.
And yeah, there aren’t many visual changes this time as well.
The main visible change is that when you click the Select Genre option, it will display some checkboxes for the different genres.
That’s pretty much it for this devlog!
and yeah,
If you think I did not explain anything properly, or you want some detailed explanation, then please do comment.
I’ll try to explain it again there.
As always, thank you so much for reading!
Have a nice day! (≧▽≦)
Hello everyone, welcome to Devlog #3 of Hikari! (ﾉ◕ヮ◕)ﾉ*:･ﾟ✧
Yeah, there are some major changes in this one.
So, on the main page, I have added:
The status tells you whether the anime is finished, currently ongoing or is upcoming
I have also added the synopsis, or you could say the description of the anime.
And apart from that, I have also added Kitsu as a backup, after Jikan.
Okay, so let me make it clear.
I have made AniList the primary source for fetching anime.
After that, if something doesn’t work, it goes to Jikan, and after Jikan, it goes to Kitsu.
So right now, I have three APIs in total, and they all act as a backup for each other.
I am also planning to add one more API later.
(which is Shikimori)
And yeah, I also found out that there is an even better quality of image available.[So, the image displyed on this site will be even better then on AniSuffle =) ]
From now on, I’m going to use that.
And finally, I have also made the Back and Forward buttons functional.
Now you should be able to go back and forward through the anime recommendations you have received.
So you can go back to the previous anime, and then come forward again to the anime you were recommended before.
That’s it for this small addition! (｡•̀ᴗ-)✧
Also , if you go to the previous anime and fetch a new one then the one which was at forward will be lost.
I did not make many changes to the front end this time.
And by front end, I mean the layouts and stuff that are actually visible.
Most of the work this time was more on the JavaScript side, which isn’t really visible from the outside.
So, there might not be a huge visual difference, but quite a few things have changed behind the scenes.
So, to summarize:
Three APIs, all acting as backups for each other, better image quality, more anime information, and some changes on the JavaScript side.
Yeah, that’s it for this devlog! (｡•̀ᴗ-)✧
If you didn’t understand anything or felt i wasnt clear enough , then please do tell me in the comments, and I’ll try to explain it again.
Thank you so much for reading!
Have a nice day! (≧▽≦)
Hello everyone, welcome to Devlog #2 of Hikari! (ﾉ◕ヮ◕)ﾉ*:･ﾟ✧
So this time I did only a few changes, which are regarding the designs (especially).
I added the capsule-like design as I did previously(in AniSuffle), to the genres of the anime.
I also added a Category button.
When clicking on it, it will reveal the options (with a little slide left animation)for the different categories that I’ll be working on:
I’ll be making a recommendation system for all of these categories later on.
I didn’t do much with the JavaScript this time.
The main JavaScript change was using JavaScript to turn the class on and off to show and hide the categories and yeah,thats all for this time.
I also made some changes to the layout and the size of the poster.
I used clamp() for the sizing so that the poster can adjust better i mean like depending on the screen size.
And yeah, that’s pretty much it for this time! (￣▽￣)ゞ
I guess that’s it for this devlog!
If anything was unclear, then please do tell me. I’ll try to make you understand it again =)
Thank you so much for reading!
Have a nice day! (≧▽≦)
Hello everyone, welcome to the very first devlog of Hikari!
Hikari - A recommendation site
So, this project is going to be a bit bigger, yes, even bigger than AniSuffle.
You can basically think of Hikari as a remake(from the scratch) + upgraded version of AniSuffle, while I will try to match the vibe of AniSuffle again here as well.
For those who don’t know, AniSuffle was my previous project anime and manga recommendation website that I worked on.
Unfortunately, it’s deleted now, and I can’t reuse the old code, so I’m going to build it again completely from scratch.
It will probably look somewhat similar to the AniSuffle, but this time, I’m planning to widen the range of uses , not limiting only to Anime and Manga this time.
Coming to the actual update, right now, even the basic layout isn’t ready yet tbh.
So far, I’ve mainly been experimenting with the design.
I’ve added:
[By the way the theme is going to be Glassmorphism(design credited on the GitHub Readme)]
That’s pretty much it for now. =D
For the API, I initially tried using Jikan, but it seems to be down right now.
So, I switched to AniList .
I’ll also add a video showing what the site currently looks like and how it works.
Later on, I’m planning to use multiple APIs as fallback options.
The main reason for this is that free APIs usually have limited requests, so instead of relying on a single API, I want to combine multiple available APIs and give ya all best experience as possible.
For anime API, I’m currently thinking of using:
I’ll try to do something similar for the other types of content(manga, movie, video games, cartoons) as well.
And this time, I’m not planning to stop at anime and manga.
Hikari is going to be something much bigger.
I’m planning to include:
And I’ll try to add fallback APIs for all of them whenever possible.
I’ve already done some research on the free APIs that are available, and I’ll talk more about them when I actually implement them into the site.
So yeah, that’s pretty much it for the first Hikari devlog!
Currently, I’m using AniList, since Jikan doesn’t seem to be working right now.
I’ll add a video showing the current state of the site as well.
If you think anything was unclear, or I didn’t explain something properly, please do tell me in the comments. I’ll try to explain it there again.
Thank you so much for reading, and have a nice day! =)
