Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/smailen5/react-esercizi

Last synced: 2 months ago
JSON representation

Host: GitHub
URL: https://github.com/smailen5/react-esercizi
Owner: Smailen5
Created: 2024-05-16T11:58:32.000Z (8 months ago)
Default Branch: main
Last Pushed: 2024-05-28T14:21:19.000Z (8 months ago)
Last Synced: 2024-05-29T04:49:14.011Z (8 months ago)
Language: JavaScript
Size: 4.96 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        # React esercizi

- [Introduzione](#introduzione)

- [Badge](#badge)

- [Sviluppo](#sviluppo)

- [Soluzioni](#soluzioni)

  - [Gelateria](#gelateria)

  - [Appuntamenti](#appuntamenti)

  - [Dark mode](#dark-mode)

  - [Vacanze](#vacanze)

  - [Slider](#slider)

  - [Generatore di sfumature](#generatore-di-sfumature)

  - [Navbar](#navbar)

  - [Sidebar](#sidebar)

  - [Carrello](#carrello)

  - [Cocktail Wiki](#cocktail-wiki)

- [Author](#author)

### Introduzione

Questi progetti sono stati sviluppati durante un corso su React. L'obiettivo era familiarizzare con React e gli hook, nonché sperimentare diverse tecnologie e librerie utili nello sviluppo frontend. Ogni progetto è un esercizio per migliorare la mia comprensione e padronanza di React.

I progetti sono in ordine cronologico crescente, l'ultimo progetto e l'ultimo nella lista [Cocktail wiki](#cocktail-wiki)

### Badge

[![CodeFactor](https://www.codefactor.io/repository/github/smailen5/react-esercizi/badge)](https://www.codefactor.io/repository/github/smailen5/react-esercizi)

## Sviluppo

Per questi progetti ho utilizzato:

### Framework JavaScript

- React

- React Router 6

- styled-components 6.1.11

- styled-components 5.3.11

### UI Frameworks

- Tailwind CSS

### Miscellanea

- Vite

- LottieFiles

- PWA

- [Clippy](https://bennettfeely.com/clippy/) by [Bennett Felly](https://bennettfeely.com)

- [FormSpree](https://formspree.io/)

### CDN

- Netlify

- Cloudinary

### Strumenti di sviluppo

- styled-components 6.1.11

- styled-components 5.3.11

### JavaScript Libraries

- core-js 2.6.12

### PaaS

- Netlify

### Security

- HSTS

---

## Soluzioni

### Gelateria

![Anteprima desktop](./Screenshot/gelateria.jpeg)

[App gelateria](https://gelateria-app.netlify.app/)

[Repository](https://github.com/Smailen5/react-esercizi/tree/main/gelateria)

---

### Appuntamenti

![Anteprima desktop](./Screenshot/appuntamenti.jpeg)

[App appuntamenti](https://app-appuntamenti.netlify.app/)

[Repository](https://github.com/Smailen5/react-esercizi/tree/main/appuntamenti)

---

### Dark mode

![Anteprima desktop](./Screenshot/dark%20mode.jpeg)

[Dark mode](https://app-dark-mode.netlify.app/)

[Repository](https://github.com/Smailen5/react-esercizi/tree/main/dark-mode)

---

### Vacanze

![Anteprima desktop](./Screenshot/vacanze-desktop.jpeg)

[Vacanze](https://app-vacanze.netlify.app/)

[Repository](https://github.com/Smailen5/react-esercizi/tree/main/vacanze)

---

### Slider

![Anteprima desktop](./Screenshot/slider-desktop.jpeg)

[Slider](https://app-slider.netlify.app/)

[Repository](https://github.com/Smailen5/react-esercizi/tree/main/slider)

---

# Generatore di sfumature

![Anteprima desktop](./Screenshot//color-gradient-desktop.jpeg)

[Generatore di sfumature](https://shade-color.netlify.app/)

[Repository](https://github.com/Smailen5/react-esercizi/tree/main/color-grading)

---

### Navbar

![Anteprima desktop](./Screenshot//navbar.jpeg)

[Navbar](https://dev-bar.netlify.app/)

[Repository](https://github.com/Smailen5/react-esercizi/tree/main/navbar)

---

### Sidebar

![Anteprima desktop](./Screenshot//sidebar.jpeg)

[Sidebar](https://stirring-caramel-6077da.netlify.app/)

[Repository](https://github.com/Smailen5/react-esercizi/tree/main/sidebar)

---

### Carrello

![Anteprima desktop](./Screenshot//carrello.jpeg)

[Carrello](https://6687da577b536c479a070fbf--celebrated-llama-97d13f.netlify.app/)

[Repository](https://github.com/Smailen5/react-esercizi/tree/main/cart)

---

### Cocktail Wiki

![Anteprima desktop](./Screenshot/cocktail.jpeg)

[Cocktail Wiki](https://sparkly-taffy-8ba942.netlify.app/)

[Repository](https://github.com/Smailen5/react-esercizi/tree/main/cocktail)

## Autore

[Git Hub](https://github.com/Smailen5)

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