Add gallery section [UI only]

[danger-ahead]

Things to do:

1. Create a gallery page where we can display images. [Can be a grid or carousel, the design should be responsive].
2. Create a link to this page in the navigation bar (for both mobile and desktop view).

Note:

1. The theme should go with the current website theme (use your designing skills to create the UI).
2. The fetching and displaying of the images would be dynamic (we'll be passing a list of image links and the UI should be able to display the images accordingly, i.e, the number of images is not fixed and UI should be able to handle the number of images accordingly).

[burhanharoon]

Assign this to me. I would love to work on it. Cheers!

[danger-ahead]

Go ahead @burhanharoon ! Best of luck!

[burhanharoon]

Great. So can you guide me about the API for getting these images?

[danger-ahead]

Great. So can you guide me about the API for getting these images?

We're using firebase storage for the images.
I will add the backend connection part once you finish the UI.

The structure of the images array would be something like this:

'https://example.com/image1.png', 'https://example.com/image2.png', ....

Design the gallery component in such a way, so that once this array is available and passed, the UI would be generated accordingly, that is, the number of images in the carousel/grid would be generated accordingly.

[burhanharoon]

I need the environment variables.

[danger-ahead]

I need the environment variables.

Hi please go ahead with the UI creation only. Test the UI with a list of your own. Maintainers will later add the backend connection.

[danger-ahead]

@burhanharoon where are we?

[ritzd]

Assign this to me @danger-ahead, if this issue is still pending.

[burhanharoon]

Sorry, I cant work on this. I'm unassigning myself.