Showcasing website for astrophotography

general-dev
#1

Hi all,

While learning programming I was wondering how hard would it be to create some sort of social network, and doing astronomy as a hobby, I tried to create website where users can post their astrophotographies. Frontend was done in angular, and backend is rest api in php. For server I’m using old pc with lubuntu on it as it uses around 400Mb of RAM, leaving almost 3.5Gb free. I would like to add caching on backend for user posts in the future.

https://astropixels.net/

Looking forward to some feedbacks.

1 Like
#2

It is a great learning experience to create something like that. However most of it has been done before. If you want to do it for educational purposes then it could be great. If however you want to create something that becomes widely used then you need to determine the requirements then look for existing solutions before spending time on it.

I get the following from your link.

Your connection is not private

Attackers might be trying to steal your information from www.astropixels.net (for example, passwords, messages, or credit cards). Learn more

NET::ERR_CERT_AUTHORITY_INVALID

#3

Hi @ivan_kv90 and a warm welcome to the forum.

I tried the link and the browser issued warnings about the site not being configured correctly and advised to go back and not to proceed.

I proceeded to open the site and a screen showed with a single loading progress bar and no text explaining what is happening? I broke the connection after about a minute.

I’m guessing that an enormous image needs to be displayed before the page will render.

#5

@ivan_kv90 Please fix the security certificate problem and I’ll relist this topic.

#6

Edit on original post:
Since SSL certificate was self-signed, it was untrusted by browsers. So certificate is removed, https port is closed and url is now http://astropixels.net/

#7

Hi all,

Thank you very much for your replies and I’m sorry about the inconvinience with SSL certificate.

@SamuelCalifornia You are right, it is done before, and I was inspired by 9gag for this project.

One of the questions was how to handle images. Solution that I implemented is: image is resized on client, then converted to base64 and sent to backend. Handler on backend saves image on file system. When client request images, it is served with the names of the images on file system. That way images can be lazy loaded.

@John_Betong I’m not sure what happened, but it shouldn’t be caused by image as all images are around 200kb or less.

I was little bit overly enthusiastic and I should have test it better :slight_smile:

Thank you all again for your feedbacks

1 Like
listed #8
#9

The site is hanging for me. GTmetrix gets a read timeout error https://gtmetrix.com/?job_error=BZ6EAyVO PageSpeed Insights a NO_FCP error https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fastropixels.net%2F

Lighthouse is open-source, maybe you could use that if others besides me can’t get the site to load. https://developers.google.com/web/tools/lighthouse/

1 Like
#10

I also couldn’t get the site to load, but when I tried again a few minutes later, it loaded quickly.