FanClubWeb

Table of Contents

1. General Info
2. Concept
3. Stack and Technologies
4. Installation and Setup
5. Design
6. Collaboration

General info

---

• This is a collaborative Laravel CRUD project for the Full Stack Development Bootcamp developed by KlikFanClub team.
• Project status: work in progress. It's missing the event views, blog and the entire ecommerce structure. From the beginning we knew that we would not be able to deliver everything.

Concept

---

• What is FanClub?

A physical space dedicated to displaying and commercializing pieces of graphic art both of its own authorship and of artists and designers from different parts of the world. Mainly from Latin American women and young people who have not yet had the opportunity to enter the European artistic market. In addition, the Fan Club periodically develops workshops of a creative nature, such as Modeling in Plasticine and Chinese Ink, among others. Location: Calle de Puigmartí, 37 (Pl John Lennon) - 08012 Barcelona

• What is the purpose of the project?

It was born with the aim of exhibiting, not only through the physical store but also THROUGH THE WEB, its own artistic work and to give space to other artists. That the store and website become a stimulating community, where art can be available to everyone, at an accessible price and that this positively influences the chosen environment, which in this case is the fascinating Barrio de Gracia in the City of Barcelona.

Stack and Technologies

• php 8.0 - https://www.php.net/
• Laravel - https://laravel.com/
• Composer 2.0.13 - https://getcomposer.org/
• VUE - https://vuejs.org/
• Bootstrap - https://getbootstrap.com/
• SASS - https://sass-lang.com/
• Trello - https://trello.com/
• Heroku - https://www.heroku.com/

Installation and Setup

• Git clone https://github.com/KlikFanClub/FanClubWeb.git

• Install Composer if you don't have already globally installed

$ composer install

* Or make an Update

$ composer update

• Laravel

$ php artisan serve
$ php artisan test

*Run Sass

$ npm run watch

Design

First, was made a design with Figma. It is also responsive. For the web application web we used SASS and Laravel's Blade components. On the home page there is a slider with favorite workart done with Bootstrap. With Vue we have worked in the catalog view with the functionalities of filtering an artist or all the products. In addition to configuring the authentication according to the type of user (isAdmin) so that the CRUD buttons appear.

Collaboration

• David Hermoso de Mendoza
• Gabriela Piñeiro
• Joan Recordà Pellicer
• Andriu Suárez
• Diego González
• Armando Mago