Mandra Photography

Website for a photography studio with a portfolio, blog, and other static pages. A photo gallery is available on the website for individual projects. Blog articles can be written, edited, or deleted from the CMS by the authors.

The Design

• The website design is simple and monochrome, featuring only black, white, and a few shades of gray. I chose this color scheme because it symbolizes the artistry of photography. The fonts that I have used are Bricolage Grotesque sans-serif and Baskervville serif font.

Frontend

• The website front-end was built using NextJS. A combination of SCSS and CSS modules was used to style the site. Some functionality has been implemented using Radix-Primitive UI library. There is a carousel in the hero section of the homepage. It is made with a package called Swiper. The photo gallery is made up of React Photo Album, which is a react gallery component. In order to get image preview functionality, the photo gallery is combined with another package called 'Yet Another Lightbox'. There are some simple animations are implemented using Animejs library and CSS animations.

Backend

• This website's backend is Contentful CMS. All of the website content can be edited within contentful dashboard.