📦 MemeMuseum

Questo progetto è stato realizzato come parte del corso di Tecnologie Web dell'anno accademico 2024-2025 presso l'Università degli Studi di Napoli Federico II. Mememuseum e' una single page application reattiva e responsive, dedicata alla condivisione e alla scoperta di meme. Consente agli utenti di autenticarsi, pubblicare meme, e interagire con un sistema di upvotes/downvotes, e commenti. La visualizzazione dei meme e' aperta anche a chi non registrato, con l'eccezione che quest'ultimo non ha possibilita' di interagire attivamente con i meme.

---

🚀 Struttura del progetto

• ⚛️ React + Vite (Frontend)
• 🧠 Node.js + Express (Backend)
• 🗃️ Sequelize + SQLite3 (Database)
• 🧪 Playwright (E2E Testing)
• 🐙 Git + GitHub

---

🔧 Setup del progetto

1. Clona il repository

git clone https://github.com/velios00/mememuseum
cd mememuseum

2. Installa le dipendenze

Vai alla directory del backend e installa

cd server
npm install

Vai alla directory del frontend e installa

cd client
npm install

3. Configurazione .env

Il file .env e' essenziale perche' contiene tutte le variabili d'ambiente necessarie per configurare il backend. Nella directory "server" creare un file ".env" e inserire il seguente template:

DB_CONNECTION_URI = "mememuseumDB.db"
DIALECT = "sqlite"
TOKEN_SECRET = "M3meMuseumS3cret"

3. Esecuzione dell'applicazione

Dalla directory "server":

npm start

Il server sara' attivo all'indirizzo: http://localhost:3000 Dalla directory "client":

npm start

Il client sara' attivo all'indirizzo: http://localhost:5173/