Devlog #22

Hello everyone,

Welcome to Devlog #22 of AniSuffle!

Update

Ok , so This time I was working on the intro side and I realized that before I changed some data structure while storing the username and i am now COOKED (╥﹏╥). Also I was searching for the error in my backend becuase of which the skip btn never appeared and even after asking ai , It was not able to help me ,and after giving it a tons of screenshots of the project , console and networks , It told me to remove a comment -- . And even more annoying or good thing (i dont even know what to call it anymore) was that the code worked after removing the comment. It made no sense to me , and honestly I still dont know why even that comment was causing the issue . Trust me I stared that code for more than an hour only to remove the comment at the end.
Anyway , the code is now working (but i know there are still bunch of more bug to fix), so the main addition i would say rn is the live checking of the username .
The username entered will be checked at the live time (every 400ms to be more precise). I guess thats all. I know it might sound like not much addition but it was more debug i did this time --.

I hope I made things clear.
If any question or If you feel like I didnt made something clear please do ask me in the comments , I will try my best to clear things up there as well.

Thanks for reading! <(_ _)>

Have a nice day!

Devlog #21

Hello everyone,

Welcome to Devlog #21 of AniSuffle!

Update

I made a rough templete or a rough design on what the guess highest rating might look like , I mean the structure only , I will change the design and animation later on . Nothing much to explain but I will keep the design image below . Also I am still building the functionality . Right now they only fetch 4 differenct anime poster name and score .

I hope I made things clear.
If any question or If you feel like I didnt made something clear please do ask me in the comments , I will try my best to clear things up there as well.

Thanks for reading! <(_ _)>

Have a nice day!

Devlog #20

Hello everyone,

Welcome to Devlog #20 of AniSuffle!

Update

Hey everyone , a quick update . I again changed my plan and I have now decided to use the intro username as the unique username which will be used everwhere , like in the database and the leaderboard. I apologize for creating the confusion but I felt like asking multiple username might be even more confusing
(ó﹏ò｡). So i planned to stick with the single username to maintain consistency and to avoid confusion.

I would not expand the devlog anymore unnecessarily and waste your time.
And I hope I made everything clear
If any question or If you feel like I didnt made something clear please do ask me in the comments , I will try my best to clear things up there as well.

Thanks for reading! <(_ _)>

Have a nice day!

Devlog #19

Hello everyone,

Welcome to Devlog #19 of AniSuffle!

First , Our project got SuperStar title and I thank you all,Without ya all my this project would not have got that level of attention. Thanks to all of you and the reviewer for marking it as a SuperStar Project . It made me so happy. Thank you so much (˶>⩊<˶)

Update

After creating and deleting the same table , the same database many times . I have finally decided to remove the username from the signin option and kept it on the rate game page , which means while signing in you wont have to use username , rather you will sign up using only gmail . Also , I am thinking of linking the gmail with the username automatically after the user has signed in so the progress is stored in the connected account. I am currently working on the backend so there is nothing intresting to show but i will keep the site image for now …

I would not expand the devlog anymore.
If you have any question please comment ,though I am myself not so sure about the username thing, I mean… I might change the data structure if things go wrong,so if you ask me rn about how i will be storing data exactly then my answer might not be that clear but I will still try , thank you so much .

Thanks for reading! <(_ _)>

Have a nice day!

Devlog #18

Hello everyone,

Welcome to Devlog #18 of AniSuffle!

I know it has been a while , but to be honest , i dont really have much to show for this devlog . Even though I have been working on something fun to be added in this site.

Update

I the last devlog I told that I will be working on the treding section ,but while making that I dont know for some reason I wanted to make a game like thing in this site. Lemme give a brief description . so I was thinking of making a Rating Guess game , where you will be shown any 4 anime poster and its name and you would have to choose a anime and you will be given a score and I am also planning to make a leaderboard so that the game feels even more competetive, but the problem is that I dont want to make sign in compulsory and I would need a username for that . So I have been working on the game but still am unsure about the usernames , as asking multiple usernames might be confusing so, I am still thinking on what to do about this.

I would not expand the devlog anymore.
If you have any question please comment , I will try to explaing things there , thank you so much .

Thanks for reading! <(_ _)>

Have a nice day! =)

Devlog #17

Hello everyone,

Welcome to Devlog #17 of AniSuffle!

Update

I have changed the background of the intro page and added a video as a background instead (i will provide the link below)(as the old one was AI made, not a copy paste though).There is a skip button in the intro incase its boring for you . Also on one of the feedback , I saw one reviewer was not able to access the for some reason i really dont know why, so now i have moved the site to

https://shrestha-project-07.wuaze.com

this url, even though the old site will be active , the new updates will be availble on this site only .
I might update this link on old devlogs as well.
Currently I am working on the trending section , where you will be able to see the trending anime list or in card form, but i will try to make it intresting somehow =)
Also , both sites share same database so if you have logged in before then , you can still use that id to login in both site.

Credit:
https://www.youtube.com/watch?v=1L7mzyGhXCA
(there are few edits/cuts i did)
I would not expand the devlog anymore

Thanks for reading! <(_ _)>

Have a nice day! =)

Devlog #16

Hello everyone,

Welcome to Devlog #16 of AniSuffle!

Update

I have made few changes ,
I changed the Hover Trailer text from
Hover Trailer On / Off to a checkbox ,as I found a cool looking (i guess it is) checkbox on a site and also a mute and unmute btn . So I changed them .
I will keep a clip below rather then explaining with words .

##Credit
Mute Btn (when hover trailer is on) : https://uiverse.io/catraco/dry-robin-61CheckBox

Animation (On hover trailer) : https://uiverse.io/00Kubi/hot-dragonfly-56

I would not expand the devlog anymore

Thanks for reading! <(_ _)>

Have a nice day! =)

Devlog #15

Hello everyone,

Welcome to Devlog #15 of AniSuffle!

So first, I have a few announcements.

I got some more feedback, and in respect of those, I will now be making the devlogs shorter and use limited/less kaomoji (ó﹏ò｡), so that you can read the devlogs more clearly.

Update

So, I have finally finished working on the Hover to Play Trailer feature.

I just have a mute and unmute button which will be displayed on the trailer when hovered.

When hovering, for a few seconds, it will also show titles, the YouTube logo, and other YouTube things. I tried to hide those but was unable to. When I asked AI, it told me that it was not possible. Rather, it gave me alternative ways, which I thought would not be a great user experience, so I left it as default.
(ᵕ—ᴗ—)

I had a hard time fixing the overlapping of the hover and click animations, but those are finally gone.

Now I guess that’s it for this devlog.

Thanks for reading! <(_ _)>

Have a nice day! =)

Devlog #14

Hello everyone,

Welcome to Devlog #14 of AniSuffle! (≧▽≦)

Okay, so this is the first devlog after I have shipped the project. And yes… I’m still working on the project. (￣▽￣)ゞ

Thanks to @Gideonthegreat for the feedbacks! Yeah, I mean, I got some awesome feedback, and I really wanted to add more and make more changes. (๑•̀ㅂ•́)و✧

After thinking and looking around the code for a while… (and staring at it for way longer than I should have) I finally decided to integrate the Hover to Play Trailer feature first .

I did not want to just replace the click ripple animation. That’s why I decided to add it as an option ,you can click on the hamburger menu (the three horizontal lines in the top-right corner), where you can turn the Hover to Play Trailer option on and off. ヽ(・∀・)ﾉ. [I will update the live site later on, as i am still working on it (ó﹏ò｡)]

It is still not complete. (ᵕ—ᴗ—) I’m still working on it! So I’ll show you a demo video[My laptop is potato so the video is abit laggy, plz dont mind that], but please don’t take it as the final version. I’m still thinking of making more changes to it… hehehe.
(,,¬﹏¬,,)
I accept that I still need to optimize this feature, and the clip was short as my laptop was lagging alot 😭 (see the CPU usage ( top blue bars))
Maybe I’ll end up changing something again before the next devlog. Who knows? (☞ﾟヮﾟ)☞

I guess that’s it for this devlog! (ﾉ◕ヮ◕)ﾉ*:･ﾟ✧
I will still love feedback if you have any =)
Thank you so much for reading! <(_ _)> See you in the next one
Thank you again and have a nice day =)

Devlog #11

Game link : https://sudip-project-06.wuaze.com/
Hello everyone,

Welcome to Devlog #11 of Binary Bound.

Thank you so much for all the feedbacks. I’m still reading them and trying to improve the game based on them. <(_ _)>

One of the major things I worked on was securing the save score functionality.

Previously, anyone could just open the browser console and just call the saveScore function with fake values, like one try on level impossible, and the server would just believe it and share it to the leaderboard.

To fix this, I moved all that trust to the server side instead of the browser side sending the score data.

The server now tracks everything itself using PHP sessions during the game.

So when the game ends and submits a score, PHP just reads from its own memory instead of listening to the browser.

And if someone still tries to use the setScore function from the browser console without actually winning, then the server will just reject it. ( •̀ ω •́ )✧

I also got some feedback that some people did not like hearing the sound effects, as it was jumpscare, and watching from that persepective they are correct.

So I made a few changes regarding that as well.

• By default, the Disable Sound option is on.
• Anyone can turn the sounds back on anytime.
• Their preference is saved in Local Storage.
• I also applied the Disable Sound option to the win sound as well.

Thank you so much.

And yeah, I would still love any feedback you want to share. (ᵔᴗᵔ). I will ship this project for now but will still add more features on it.

Thank you so much. <(_ _)>
Have a nice day =)

Devlog #10

Game link : https://sudip-project-06.wuaze.com/

Hello everyone,

Welcome to Devlog #10 of Binary Bound.

Yeah, it’s the first devlog after the ship.

First, I would like to thank everyone for the feedbacks and your love and support. I’m really glad, and I feel really blessed for all the feedbacks, comments, likes—everything. Thank you so much. (╥﹏╥)♡

And yeah, like I told before, I’m working on your feedbacks.

I actually have not completed all the improvements that the feedback asked me to, but I’m still working on it.

First, I fixed what I guess was the main issue.

Anyone could console.log… theSUSimposter (Those who know, they know.) (¬‿¬)
(Actually it was the variable where the random number was created and stored)

They could literally see what the random number was, and some of them also used the function I made to save the score by executing it directly from the browser console.(￣▽￣;)

To avoid this, I implemented some changes.

Previously, the random number was generated and verified in the frontend JavaScript.

Now, I have moved that logic to PHP.

The random number is now generated on the server, checked there, and only the result of whether the entered number is correct or not is returned.

I’m currently working on securing the save score functionality as well.

Once I finish it, I’ll upload the update and let you all know.
Also one more thing , i accidently deleted the old database , i am so sorry , but i had one backup but not all of them are here, i apologize (╥﹏╥).

Thank you so much.

And yeah, I would still love any feedback you want to share.

Thank you so much. <(_ _)>
Have a nice day…

Hello everone , Thank you so much for all the love and support last time, Now I have collected all the feedbacks and now currently am working on them, Thank
you so much for reading , Have a nice day =)

Welcome to Devlog #1

Hello everyone,

Welcome to the first devlog of Who Knows Me Well.

In this devlog, I won’t be writing much, as it might get a bit too long. I just want to explain what I’m planning to do in this project the overall workflow so that you’ll know how to use it once I finally make it.

I’m also trying different themes to see which one fits the project the best.

Thank you for reading.

Have a nice day!

Note: I’ll attach a handwritten image explaining the workflow. If you dont understand anything or what the hell is that writing then please tell me i will type next time, I just happened to be planing the project and just wrote it (ó﹏ò｡)

We are finally shiping!!!!⸜(｡˃ ᵕ ˂ )⸝♡

Here is the link
https://shrestha-project-07.wuaze.com

Hello everyone I was late for class while deployign the site so I M WRITING IT IN CLASS RN (⁠・⁠–⁠・⁠;⁠)⁠ゞ(teacher might come anytime now)But I wanted to share this project so bad . Thank you Here is the link : https://shrestha-project-07.wuaze.com Bye

Devlog #13

Hello everyone!! (˶ᵔᗜᵔ˶)ﾉﾞ

Welcome to Devlog #13 of Anime Shuffle! (≧▽≦)

Hope you all are doing well! (๑˃ᴗ˂)ﻭ

This will probably be one of the shortest devlogs before the release, but I wanted to share one last little update. (ᵔᗜᵔ)

** Font Updates**

I made a few typography changes to make the site feel a little cleaner and more unique.

• The Anime Shuffle title on the top-left now uses the Godber font.
• The titles of the anime/manga cards, along with the “High Rated First” label, now use the Morien font.

They’re small changes, but I think they give the site a much nicer personality. (｡•̀ᴗ-)✧

** Responsiveness**

I totally forgot to mention,
I also added Responsiveness, even though it’s not best as the site is optimized mainly for laptop/PC screen but…. Umm it’s not worst (⁠๑⁠•⁠﹏⁠•⁠)

** Shipping Today…?**

If everything goes well on the server side, I’ll be shipping Anime Shuffle today! (ﾉ◕ヮ◕)ﾉ*:･ﾟ✧

Hopefully there won’t be any last-minute bugs deciding to appear out of nowhere… (╥﹏╥)

Fingers crossed! (๑•̀ㅂ•́)و✧
Any questions , please let me know

Thank you all so much for being part of this journey. (づ｡◕‿‿◕｡)づ

It has genuinely meant a lot to me, and I really appreciate everyone who took the time to read the devlogs, give feedback, and support the project along the way.

Thank you so much! (´꒳`)♡

Have a wonderful day! (｡♥‿♥｡)

Devlog #12

Hello everyone!! (˶ᵔᗜᵔ˶)ﾉﾞ

Welcome to Devlog #12 of Anime Shuffle! (≧▽≦)

Hope you all are doing great! (๑˃ᴗ˂)ﻭ

This devlog will be a bit shorter (Hopefully….), but I wanted to share the final updates before the release because…

** Yep… we’re shipping soon!!** (ﾉ◕ヮ◕)ﾉ*:･ﾟ✧

Hopefully within the next two days! (ᵕ—ᴗ—)

Intro Animation

The first thing I added is a small intro screen (around 7–8 seconds long) where you’ll be asked to enter a username. (ᵔᗜᵔ)

Don’t worry, I’m not checking whether the username is already taken or not (just yet). You can type anything you want here. The purpose of this intro is simply to make the experience feel a bit more personal and fun. (｡•̀ᴗ-)✧

I hope you’ll like it! =)

When you eventually sign up, you’ll enter your username again, and that one will need to be unique. (ᵕ—ᴗ—)

After entering your name, a short animated intro will play before taking you into the site. (✧ω✧)

And yes… I used AI to help create this animation. Not completely, but it definitely helped speed things up. (￣▽￣)ゞ

I also changed the background of the site because the previous one made some buttons a little difficult to see. I received that as feedback, so thank you very much!

The site now uses a live wallpaper instead, which should make everything much clearer. I hope you will like that (ó﹏ò｡)

** Double Tap = Save**

Just like on social media apps, you can now double-tap (or double-click) an anime or manga poster to save it instantly. (☞ﾟヮﾟ)☞

When you do, a small star animation appears , yeyyy….

** Email Verification Improvements**

I also made a few improvements to the email verification system. (｡•ᴗ•｡)

The verification email has been redesigned slightly so that the verification code is much easier to spot and copy. (´꒳`)

** Shipping Soon…**

That’s pretty much it for this devlog! (ﾉ´ヮ`)ﾉ*:･ﾟ

Right now I’m focusing on making the site fully responsive across different screen sizes. ૮₍ ˃ ⤙ ˂ ₎ა

Also, the email shown in the disposable-email demo video isn’t the actual email theme used by AniShuffle. The disposable email website simply couldn’t render the HTML email correctly. (╥﹏╥)

After that’s done, I might write one final devlog before releasing it… or maybe I’ll just ship it immediately. (¬‿¬)

My goal is to release Anime Shuffle within the next two days, so stay tuned! (๑>◡<๑)

** Note for Reviewers**

If you’re reviewing Anime Shuffle and don’t want to use your personal email address, don’t worry!

I’ll also include a short guide video showing **how to get a free disposable (dummy) email,just in case you dont know ** so you can test the authentication system without using your own email. (｡•̀ᴗ-)✧

Of course, anyone is welcome to use it—not just reviewers. =)

Thank you so much for reading and for following the development journey. It really means a lot! (づ｡◕‿‿◕｡)づ

See you all in the next devlog… or maybe in the release post! (ᵔᗜᵔ)

If anything was unclear, please let me know. I’d really appreciate the feedback!

Have a wonderful day! (｡♥‿♥｡)

Devlog #11

Hello everyone (˶ᵔᗜᵔ˶)ﾉﾞ,

Welcome to Devlog #11 of AniSuffle.

Hope you all are doing great. (≧▽≦)

In this devlog, I’ll be sharing the recent changes and improvement i have mad on the site.

Ummm.. This devlog will be abit longer, but I want to make sure I explain everything correctly. (ᵕ—ᴗ—)

Soooo lets start~

SVG Animation

The first update is the addition of SVG animation beside the title.

I have also replaced the placehodler (those book and video like emoji) that was displayed on the poster card with the same svg (but the animation will be different). (｡•̀ᴗ-)✧

Also about the source of the svg, For the “anime” svg, I got it from AnimeJs and i asked AI to make another svg “manga”, honestly it was quite difficult to make AI understand what I really wanted on the svg, and its still not perfect but ummm its fine and I hope you like those. (￣▽￣*)

LocalStorage

Also I have now integrated localStorage so, now you wont have to be logged in to save anime and manga anymore. (๑˃ᴗ˂)ﻭ

It works in this way, lemme explain in simple:

If you are logged out and you saved few anime/mangas and then you signned in, then all your localStorage saves will be automatically be transfered to the database (and your localStorage will be empty, I had to do this so that There is no duplicate data). ( •̀ ω •́ )✧

Email Verification

And the most time consuming, I have integrated email verification which means now, the email you signup with should be a valied email (you can nomore login/signup with [email protected]).

And currently i have used brevo for sending emails and i m on free trial so it has the limit of 300 emails per day, And I assume its more than enough for me right now,also the code expires in 1 hour. (╹◡╹) . [I had to keep authorizing my ip address while setting it up and i thought it was error on my code and I was searching it for hours (╥﹏╥)]

I will tell you how you can get a dummy email (just in case you dont know how to get one) if you want to check the authentication system without using your personal email [especially if you are a reviewer reading this.] but anyone willing to test it, you can use that method.

But I will be doing that in the next devlog… probably, as In this devlog i might upload the video of showing current updates. (=￣ω￣=)

I guess I will keep this much for this devlog.

I hope I made things clear. [You might have seen manga on the save list even though i didnt add that in this video , and lemme make things clear, it was imported from the localstorage , which i have saved while checking my project =]

If anything was unclear then please do tell me. (◕‿◕)♡

Helper tools

• SVG : https://animejs.com/documentation/svg/createdrawable
• SMTP : https://www.brevo.com/

Thank you so much for reading. (≧▽≦)♡

Have a nice day! (˶ᵔᗜᵔ˶)ﾉﾞ