Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/carolinesenes/portfolio

css3 html5 javascript netlify portfolio

Last synced: 24 days ago
JSON representation

Host: GitHub
URL: https://github.com/carolinesenes/portfolio
Owner: CarolineSenes
Created: 2021-10-08T22:58:04.000Z (over 3 years ago)
Default Branch: master
Last Pushed: 2021-11-04T20:46:40.000Z (over 3 years ago)
Last Synced: 2024-11-29T08:46:31.137Z (3 months ago)
Topics: css3, html5, javascript, netlify, portfolio
Language: HTML
Homepage: https://carolinealexandre.netlify.app/
Size: 26.5 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        
# Portfolio

Création d'un site portfolio me présantant ainsi que les projets réalisés.

## Screenshots

![desktop](https://github.com/CarolineSenes/Portfolio/blob/master/assets/images/screenshots/mockup_desktop.png)

![mobile](https://github.com/CarolineSenes/Portfolio/blob/master/assets/images/screenshots/mockup_mobile.png)

## Tech Stack

**Client:** HTML5, CSS3, Vanilla Javascript

  

## Fonctionnalités

- Effets au survol

- Animations au survol

- Stylisation de la scrollbar

- Formulaire de contact

  

## Optimisations

![lighthouse_desktop](https://github.com/CarolineSenes/Portfolio/blob/master/assets/images/screenshots/lighthouse_desktop.png)

- Responsive mobile, tablette, desktop

- Respect des nomes d'accessibilité AA

- Conforme aux normes W3C

## Ce que j'ai appris

- Utilisation du format d'image .webp

- Réaliser un menu "burger" accessible ([a11matters](https://www.a11ymatters.com/pattern/mobile-nav/))

- Utilité du `rel="noreferrer"` avec `target="_blank"` ([MDN](https://developer.mozilla.org/fr/docs/Web/HTML/Link_types/noreferrer))

- Gestion de formulaire intégrée à Netlify ([Doc. Netlify](https://docs.netlify.com/forms/setup/?_ga=2.236939273.948881923.1634635235-2070872926.1628676737))

## Démo du site

[![Netlify Status](https://api.netlify.com/api/v1/badges/931c2f66-0e7c-459f-a520-699491c0e022/deploy-status)](https://app.netlify.com/sites/carolinealexandre/deploys)

```bash

  https://carolinealexandre.netlify.app/

```

  

## Authors

- [Site web](https://carolinealexandre.netlify.app/) 

- [Twitter](https://twitter.com/senes_caroline) 

- [Linkedin](https://www.linkedin.com/in/carolinesenes/) 

  

## Ressources utilisées

 - [Colorable](https://colorable.jxnblk.com/aed44c/4e28b0) : trouver une palette de couleur conforme aux normes WCAG

 - [Ion Icons](https://ionic.io/ionicons) : barres du menu hambuger

 - [Icon8](https://icons8.com/) : icônes