diff --git a/abc.css b/abc.css new file mode 100644 index 00000000..a5fcac58 --- /dev/null +++ b/abc.css @@ -0,0 +1,45 @@ +body { + font-family: Arial, sans-serif; + background-color: #f4f4f4; + margin: 0; + padding: 0; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + height: 100vh; +} + +h1, h2 { + color: #333; +} + +form { + background: white; + padding: 20px; + margin: 10px 0; + border-radius: 8px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); +} + +input { + display: block; + width: 100%; + padding: 10px; + margin-bottom: 10px; + border: 1px solid #ddd; + border-radius: 4px; +} + +button { + padding: 10px 15px; + background: #28a745; + color: white; + border: none; + border-radius: 4px; + cursor: pointer; +} + +button:hover { + background: #218838; +} diff --git a/abc.html b/abc.html index e1f2578d..67c56e5a 100644 --- a/abc.html +++ b/abc.html @@ -1,278 +1,39 @@ - - - - - - - - - - - - -Sitio web Oficial - Grouvex Studios - - -Grouvex Studios - Inicio | Artistas | Equipo | Comentarios (vBeta) | Registrar - - - + + + Autenticación Firebase + + + + - -
-
- - -

Comentarios de Usuarios

- - -
-
-

Reportes a la página web

-
-
- - -
-
-

Reportes:

-
-
- -
-
-

Sugerencias

-
-
- - -
-
-

Sugerencias:

-
-
- -
-
-

Comentarios

-
-
- - -
-
-

Comentarios:

-
-
- -
-
-

Deseos 2024

-
-
- - -
-
-

Deseos 2024:

-
-
- -
-
-

Configuración

- -
-
- - - -
- - +

Autenticación de Usuarios con Firebase

+
+
+

Registro

+ + + +
+ +
+

Inicio de Sesión

+ + + +
+ + +
+ + + + diff --git a/abc.js b/abc.js new file mode 100644 index 00000000..ff5cf900 --- /dev/null +++ b/abc.js @@ -0,0 +1,70 @@ +// Configuración de Firebase +const firebaseConfig = { + apiKey: "AIzaSyAgoQ_Px3hHVrevUsyct_FBeXWMDKXpPSw", + authDomain: "grouvex-studios.firebaseapp.com", + databaseURL: "https://grouvex-studios-default-rtdb.firebaseio.com", // Asegúrate de incluir la URL de tu base de datos + projectId: "grouvex-studios", + storageBucket: "grouvex-studios.appspot.com", + messagingSenderId: "1070842606062", + appId: "1:1070842606062:web:5d887863048fd100b49eff", + measurementId: "G-75BR8D2CR3" +}; + +// Inicializar Firebase +firebase.initializeApp(firebaseConfig); +const auth = firebase.auth(); +const database = firebase.database(); + +// Registro de usuario +document.getElementById('registerForm').addEventListener('submit', (e) => { + e.preventDefault(); + const email = document.getElementById('registerEmail').value; + const password = document.getElementById('registerPassword').value; + + auth.createUserWithEmailAndPassword(email, password) + .then((userCredential) => { + console.log('User registered:', userCredential.user); + }) + .catch((error) => { + console.error('Error registering user:', error); + }); +}); + +// Inicio de sesión de usuario +document.getElementById('loginForm').addEventListener('submit', (e) => { + e.preventDefault(); + const email = document.getElementById('loginEmail').value; + const password = document.getElementById('loginPassword').value; + + auth.signInWithEmailAndPassword(email, password) + .then((userCredential) => { + console.log('User logged in:', userCredential.user); + }) + .catch((error) => { + console.error('Error logging in user:', error); + }); +}); + +// Cerrar sesión de usuario +document.getElementById('logoutBtn').addEventListener('click', () => { + auth.signOut().then(() => { + console.log('User logged out'); + }).catch((error) => { + console.error('Error logging out:', error); + }); +}); + +// Manejo del estado de autenticación +auth.onAuthStateChanged((user) => { + if (user) { + console.log('User is logged in:', user); + document.getElementById('auth-container').style.display = 'none'; + document.getElementById('content').style.display = 'block'; + document.getElementById('logoutBtn').style.display = 'block'; + } else { + console.log('User is logged out'); + document.getElementById('auth-container').style.display = 'block'; + document.getElementById('content').style.display = 'none'; + document.getElementById('logoutBtn').style.display = 'none'; + } +});