Max-Cozis

A template website built using firebase and react, commissioned for a friend intended to articulate his artistic talents. The site features a dynamic image carousel that fetches all the images from a secure firebase cloud database and also includes a secure dashboard system that allows the user to securely manage all the works through full CRUD functionality

Purpose and Direction

Max-Cozis is a project i developed for the sole purpose of developing a secure application that would allow the user to both showcase his skills and be able to self manage all his works in a simple and intuitive system

Stack Explanation

Since the website is intended to provide a good user experience, react was chosen to build fast and clean UIs as well as this, the application also needed to allow for self sufficient changes while being easy to use for people from a non technical background, which is why firebase was chosen, to allow for real time feedback when updating the works, combined with react this allowed for a simplified system that allowed the user to self manage his own works. As well as this libraries responsible for photo carousels were used to showcase the users artistic works.

Issues and Lessons Learnt

One of the biggest issues, is that while there was a login feature, any end user could access the dashboard through changing the url, which meant it was not fully secure, this is where private routes were implemented, in which if a current user does nto exist, i.e end user has not logged in, then they will be redirected to the login page, this meant that the dashboard that allows the editing of the works was fully secure and could only be access through a login system that was manage by firebase. As well as this, creating a carousel that accounted for different image sizes and aspect ratios was quite difficult to do in vanilla js/react, hence carousel libraries were implemented to allow for different image sizes