full css and ui rework:

• Changed the background image
• Made the design and animation minimalistic
• updated the navbar and footer
• removed unwanted styling in css
• removed unwanted gradient from text
• made minimal footer

Minor css fix

removed many useless css code. Made it more good.

not that the gradients are not generated by AI, instead it is generated by online CSS gradient maker.

Don’t this that this is a AI generated/AI styled project. This site doesn’t have that much huge css to use AI.

The Login with Google button is copied by some article in Medium.

The gradient used in the home page Get Started button is custom made using CSS gradient generator

The background image and the animated phone image is generated by Chatgpt. I don’t know whether this is contributing to the AI feel 🥲🥲😭😭

UPDATE::

By asking to shipwrights, they say that it was flagged and AI because it used AI generated images, which is not allowed. So i made it my self using canva, here it is:

Fix: Chrome media hub staying active even when video stops

fixed this by removing the src and loading the video again into chrome’s memory, this solves the problem .

Added demo video to the home page

Updated README.md and also fixed many minor css and html issues

Added README.md !!

*Not comleted yet, no images and videos are added yet

Added the pages such as About, privacy-policies etc…

Added About, Privacy policies , Terms of service page in hbs and added the corresponding routers for it

Added confirmation for logout and Added redirect to the last visited URL in login

• Added redirect to the last visited URL in login
• Added confirmation for logout, and made the logout route a long random string

Added ‘My invitations’ section in website

Added My invitations section that shows the invitations created by that user. From here user can see the invitation, creation date, and user can also delete the invitation.

Delete option will delete all files that are part of that invitation from the cdn, then delete the complete invitation from the db.

And also added some minor fixes such as:

• webpage title issues
• added favicon
• etc…

User experience improvement

implemented:

• made the created invitation url return fron server to frontend
• removed unwanted console.log used for debugging
• made the “Get started” button in frontend functional
• Added: invitation link and copy button in invitation creation form submission page

Added search option in templates

Implemented using Fuse.js

*images are placeholders

Reached initial working stage

• First working template added
• Added: render of hbs from cdn
• rendering of custom form from database

added template and form rendering from Database

Added a option to write the template(HBS) and the form from frontend

implemented:

• option to write the template(HBS) and the form from frontend
• hbs to CDN script
• 10 MB fields limit in template creation router (multer)
• Invitation total file size limit 50 MB (formidable)
• Invitation data processing and cleanup

Connected the form created using jquery forms to HackClub CDN

My website is basically a site that have many templates for different kind of event. A user can select a template , this will redirect to a form. Each template have entirely different forms , each form is created by the Admin using a jquery form builder ui.

Because these form structures are unknow to the server, the server dont know how much file input fields are there. so we cant set a limit on number of file input fields and per input size.

So I set a 50 MB total upload limit using formidable before sending files to hackclub cdn.

This makes the usage fair.

Handle multipart uploads with file size limits using busboy formidable ✓

In the last devlog I shared a very large code to limit max total requiest size using busboy.

Yesterday , In a simple google search , the Google AI mode suggested me of Formidable

previously idk formidable …

So I learned about that , it made my code so tiny

• frontend logic was already there

Handle multipart uploads with file size limits using busboy

i want to limit the max total file upload to 50 MB, multer cant have this feature

so I use busboy and wrote long long code to solve this problem

code :

Research: How to limit the total file size in a multipart/formData (Express.js)

After many searches I found out that multer don’t support this

I am planning to use Busboy directly

Added error messages in data submissions in rendered template form

Added a 50 MB file size limit in file upload (for now only frontend checks are implemented, backend check is TODO).