annalisa-cecchini-logo-mobile annalisa-cecchini-logo-desktop

My web dev portfolio

Leaving the comfort zone!

Netflix Clone

API Connection (Axios)

This is a 2 pages website-clone. On the Homepage I followed closely Netflix homepage design. I involved the user's action by managing FAQ accordion in Vue.js . On the Movies page, I represented the list of movies, available upon API request to TMDB database. I managed the request by Axios, returning data in the HTML page by using Vue.js.

On GitHub:

  • html 5

  • css 3

  • sass

  • vue.js

netflix-clone

Todoist Clone

Vue.js

This is a 2 pages website-clone. On the Homepage I followed closely Todoist homepage design. Click on the CTA, to access Todos page. Here, Vue.js scripts will allow you manage your tasks, by adding todos, deleting todos, or just marking them as completed tasks. Let's try it!

On GitHub:

  • html 5

  • css 3

  • sass

  • vue.js

todoist-clone

Whatsapp Clone

Vue.js

This is a single page Web App clone. I followed closely Whatsapp Web App design, simulating in Vue.js some of its peculiar features:search for the desired contact, send message to the contact, get an answer (after 1 second) and finally, last login will be updated automatically.

On GitHub:

  • html 5

  • css 3

  • vue.js

whatsapp-clone

DigitalOcean Clone

Bootstrap

For this one page clone, I used Bootstrap. Bootstrap is a front-end open source toolkit, with a responsive grid system and prebuilt components. The main components I used were for layout, navbar, jumbotron, buttons, forms.

On GitHub:

  • html 5

  • css 3

  • bootstrap

  • vue.js

digitalocean-clone

AnnalisaCecchini Portfolio

Laravel - Crud - API Connection (Axios)

This is my personal Full Stack Portfolio, developed in Laravel 7 PHP Framework. Style is set up in Sass partials, CSS classes follow BEM methodology. From my Admin Area, I can manage messages sent through the Contact Form (Laravel Eloquent CRUD). Messages are returned from MySql DB via Axios API Call. Access to the DB is protected by an Auth::user( )->isAdmin( ) check on the API Controller which returns the .json.

On GitHub:

  • html 5

  • css 3

  • sass

  • laravel

  • vue.js

annalisacecchini-portfolio
E-mail GitHub Set up a Call