Wix Clone

Clone wix

Clone Wix fonctionnel complet créé dans React, Express et MongoDB. A des fonctionnalités de drop glisser, gérer les pages, les paramètres ainsi que les animations, la recherche d'images, etc.

Demo: https://wixclone.onrender.com/

Caractéristiques

• Interface glisser et déposer
• Créer un site Web multi-pages
• Recherche d'image Pexels, donc trouver une image libre de droits est facile.
• A des effets d'animation intégrés qui peuvent être appliqués n'importe où
• Peut créer des dispositions personnalisées
• Crée le site Web généré par l'utilisateur pour afficher sur leur tableau de bord.
• La nidification des éléments est possible.
• Panneau de couches avec effet de survol illustré sur l'élément
• Publier le site Web de l'utilisateur sur un lien unique vers l'utilisateur
• Aperçu réactif pour les pages générées par l'utilisateur
• Google Font Manager, pour gérer les polices Google pour la page à la place unique.
• Options de montage détaillé des éléments
• Options de modification de disposition
• Paramètres de référencement comme le titre de la page, description, Favicon avec l'aperçu. (To be implemented)
• Créateur de gradients CSS pour l'arrière-plan
• Ajustement de la hauteur de l'élément Min
• Page d'aperçu pour les sites Web non publiés, qui affichera uniquement l'aperçu à l'utilisateur autorisé.
• Tableau de bord de gestion du site Web

Comment courir

L'extrémité avant

1. npm install -y pour installer les dépendances requises.
2. Créez le fichier .env dans le répertoire avec les détails suivants.
   REACT_APP_GOOGLE_API_KEY="[Google font API KEY : https://developers.google.com/fonts/docs/developer_api]"
REACT_APP_PEXELS_API_KEY="[Pexels API key : https://www.pexels.com/api/]"
   
3. npm run build pour créer une version de construction de la frontale.
4. (Si vous souhaitez modifier le frontend, vous pouvez npm start le frontend et npm run dev pour le backend)

Backend

1. Copiez le dossier de construction généré dans le dossier backend.
2. cd backend/ dans le dossier backend.
3. npm install -y pour installer les dépendances
4. Créez le fichier .env dans le répertoire avec les détails suivants.
   JWT_SECRET=" [RANDOM STRING USED TO CREATE JWT TOKEN ]"
PORT=8000
API_DB_NAME="[DATABASE_NAME]"
API_LOGIN_PERIOD="2d"
API_MONGO_URI="[ REMOVED FROM THE CODE ]"
API_MONGO_PASS="[ MONGODB PASSWORD ]"
API_MONGO_USER="[ MONGO DB NAME ]"
API_MONGO_LOCATION="[ mongodb for local instance, mongodb+srv for remote "]
   
5. npm run dev pour fonctionner sur une machine locale. Pour le déploiement, utilisez node ./src/server.js
6. Il doit être disponible sur le port 8000.