CandleCloud E-commerce

Progetto universitario per il corso di Sviluppo Web - Applicazione e-commerce per la vendita di candele.

📋 Descrizione

CandleCloud è un'applicazione e-commerce completa sviluppata con tecnologie moderne per la vendita di candele artigianali. Il progetto include funzionalità di autenticazione utente, gestione carrello, catalogo prodotti e sistema di checkout.

🚀 Deployment

L'applicazione è stata deployata utilizzando servizi cloud gratuiti:

• Frontend: https://e-commerce-web-brown-ten.vercel.app/
• Backend: https://e-commerce-fs95.onrender.com
• Database: MongoDB Atlas

🛠️ Tecnologie Utilizzate

Frontend

• React 18 - Libreria JavaScript per UI
• React Router - Navigazione tra pagine
• Bootstrap 5 - Framework CSS
• Axios - Client HTTP per API calls
• Context API - State management

Backend

• Node.js - Runtime JavaScript
• Express.js - Framework web
• MongoDB - Database NoSQL
• Mongoose - ODM per MongoDB
• JWT - Autenticazione e autorizzazione
• bcryptjs - Hashing password

✨ Funzionalità Implementate

• ✅ Autenticazione completa (Registrazione, Login, Logout)
• ✅ Catalogo prodotti con ricerca e filtri per categoria
• ✅ Gestione carrello (Aggiungi, rimuovi, modifica quantità)
• ✅ Profilo utente personalizzato
• ✅ Design responsive con Bootstrap
• ✅ API RESTful complete
• ✅ Sicurezza con JWT e password hashing
• ✅ Validazione dati lato client e server

🎨 Categorie Prodotti

• Candele profumate
• Candele decorative
• Candele votive
• Tealight
• Candele galleggianti
• Candele pilastro
• Candele in cera di soia
• Candele in cera d'api

🔧 Installazione Locale

Prerequisiti

• Node.js (versione 16+)
• MongoDB locale o Atlas
• Git

Clone del repository

git clone [url-repository]
cd candlecloud

Configurazione Backend

# Installa dipendenze
npm install

# Configura variabili d'ambiente
# Crea un file .env nella root con:
MONGO_URI=your_mongodb_connection_string
JWT_SECRET=your_jwt_secret_key
NODE_ENV=development
PORT=5001

# Avvia il server backend
npm run dev

Configurazione Frontend

# In un nuovo terminale, avvia React
npm start

L'applicazione sarà disponibile su:

• Frontend: http://localhost:3000
• Backend: http://localhost:5001

📱 Screenshots

L'applicazione include:

• Homepage accattivante con hero section
• Pagina prodotti con filtri e ricerca
• Sistema di autenticazione completo
• Carrello funzionale
• Design moderno e responsive

🐳 Docker Support

Il progetto include configurazione Docker per deployment containerizzato:

# Avvia con Docker Compose
docker-compose up --build

👨‍💻 Sviluppatore

Progetto sviluppato come parte del corso universitario di Sviluppo Web.

📄 Licenza

Questo progetto è stato creato per scopi educativi nell'ambito universitario.