I want to make a photo gallery website that only takes gundam as photo

So i want to make a website that takes photo and only allows upload it if its gundam. i already know how to set up the html and css and learning js rn. but can i do it with only plain js, html, and css and make basically only use front end?

Hi!

You can build the frontend only and store the images on the local browser. However, as soon as you or another user clears their cache, the images will be lost. It’s not reliable.

The usual way is upload the images to a database. In this case you will need a fullstack application with a server. The server connects the db with your frontend and handles the image uploads per APIs.

If you allow users to upload images, you should use authentication, let them create accounts and put limits to their actions (number of images uploaded etc). This will lower the risk of your app being attacked or abused.

If you only allow one kind of topic, you need to decide how to control the uploads: By moderators or do you want to use an image recognition AI?

You see: It can get complex and complicated fast even building a simple app.

2 Likes

thank you so much, do you how implement an image recognition ai, do i gotta make my own your implement an existing ai

This article offers several options. Go to their website when you have chosen one and look for the documentation.

As always take a good look at the prices, how generous is their free tier. This is where the rate limiting for users comes in: Just one malicious user can upload enough images to leave you with a giant bill.

2 Likes

If you have just started out, the entire app might still be above your current skill level. However no reason to abandon the idea.

Break the development up in steps like creating the UI first, how to set up a server, create an image upload API, set up a database, how to authenticate users and let them create accounts, how to connect all the pieces into a functioning app.

You will learn a ton on the way in the end have a portfolio project you can talk about.

1 Like

thank you, ik the responsive design, js cert, front end cert, and backend certwill be useful what other certs will be useful for me to build my project should i go through data visualization and relational database. ik it might be dumb question just anxious and stressed thinking about it

Just take your time.

The new JavaScript course is great, best finish it and its projects for now.
You will feel more confident after.

Treat and plan your gallery site as your big fullstack capstone project. With time you will learn everything you need to know what to build with what tools.

1 Like