U19 Bundesliga 1st Group Stage Group G stats & predictions

Estrategias de Marketing Digital Efectivas para Equipos Juveniles <|repo_name|>prakharsoni27/MEANStack<|file_sep|>/Backend/server.js const express = require('express'); const bodyParser = require('body-parser'); const cors = require('cors'); const path = require('path'); const app = express(); app.use(bodyParser.json()); app.use(bodyParser.urlencoded({ extended: true })); app.use(cors()); // importing routes const usersRoutes = require('./routes/users'); app.use('/users', usersRoutes); // static files app.use(express.static(path.join(__dirname,'public'))); // listen to the server app.listen(3000); console.log("Server started on port:3000"); module.exports = app;<|repo_name|>prakharsoni27/MEANStack<|file_sep|>/Frontend/src/app/register/register.component.ts import { Component, OnInit } from '@angular/core'; import { FormControl } from '@angular/forms'; import { Router } from '@angular/router'; import { UserService } from '../shared/user.service'; @Component({ selector: 'app-register', templateUrl: './register.component.html', styleUrls: ['./register.component.css'] }) export class RegisterComponent implements OnInit { userName = new FormControl(''); email = new FormControl(''); password = new FormControl(''); confirmPassword = new FormControl(''); constructor(private userService : UserService,private router : Router) { } ngOnInit(): void { } onSubmit() { if (this.password.value !== this.confirmPassword.value) { alert("Password do not match"); return; } let user = { username : this.userName.value, email : this.email.value, password : this.password.value }; this.userService.register(user).subscribe(data => { alert("User Registered Successfully"); this.router.navigate(['/login']); }, error => { console.log(error); alert("Registration Failed"); }); } } <|file_sep|># MEAN Stack Application This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 11.0.1. ## Backend Run `npm install` to install all the dependencies. Run `npm run dev` to start the server. ## Frontend Run `npm install` to install all the dependencies. Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files. ## Features * Login/Register feature with validation. * User Dashboard which shows all the data from MongoDB in table format. * CRUD operations on the data. * Using Angular Material for UI components. <|repo_name|>prakharsoni27/MEANStack<|file_sep|>/Frontend/src/app/dashboard/dashboard.component.ts import { Component, OnInit } from '@angular/core'; import { MatDialog } from '@angular/material/dialog'; import { MatSnackBar } from '@angular/material/snack-bar'; import { MatTableDataSource } from '@angular/material/table'; import { AddEditDialogComponent } from '../add-edit-dialog/add-edit-dialog.component'; import { UserService } from '../shared/user.service'; export interface PeriodicElement { name: string; description: string; } @Component({ selector: 'app-dashboard', templateUrl: './dashboard.component.html', styleUrls: ['./dashboard.component.css'] }) export class DashboardComponent implements OnInit { displayedColumns : string[] = ['name','description','actions']; dataSource : MatTableDataSource; constructor(private userService : UserService,private dialog : MatDialog,private snackBar : MatSnackBar) { } openDialog(id? : string) { const dialogRef = this.dialog.open(AddEditDialogComponent,{ data : id }); dialogRef.afterClosed().subscribe(result => { if(result) { this.userService.getAllData().subscribe(data => { this.dataSource.data = data as PeriodicElement[]; this.snackBar.open("Data updated successfully","OK",{ duration :2000 }); },error => { console.log(error); }); } }); } edit(id : string) { this.openDialog(id); } delete(id : string) { const dialogRef = this.dialog.open(AddEditDialogComponent,{ data : id, disableClose:true }); dialogRef.afterClosed().subscribe(result => { if(result) { this.userService.deleteData(id).subscribe(data => { this.userService.getAllData().subscribe(data => { this.dataSource.data = data as PeriodicElement[]; this.snackBar.open("Data deleted successfully","OK",{ duration :2000 }); },error => { console.log(error); }); },error => { console.log(error); }); } }); } add() { this.openDialog(null); } addAll() { const dialogRef = this.dialog.open(AddEditDialogComponent,{ data : null, disableClose:true, width:"500px" }); dialogRef.afterClosed().subscribe(result => { if(result) { this.userService.addAllData().subscribe(data => { this.userService.getAllData().subscribe(data => { this.dataSource.data = data as PeriodicElement[]; this.snackBar.open("Data added successfully","OK",{ duration :2000 }); },error => { console.log(error); }); },error => { console.log(error); }); } }); } getAllData() { this.userService.getAllData().subscribe(data => { this.dataSource.data = data as PeriodicElement[]; },error => { console.log(error); }); } getLoggedInUser() { const user = JSON.parse(localStorage.getItem('user')); return user.username; } logout() { localStorage.clear(); window.location.href="/login"; } onLogout() { localStorage.clear(); window.location.href="/login"; } onLogin() { window.location.href="/login"; } onRegister() { window.location.href="/register"; } public ngOnInit(): void { this.getAllData(); this.dataSource = new MatTableDataSource(); } } <|file_sep|>.container{ width:80%; margin:auto; margin-top:20px; margin-bottom:20px; } .mat-form-field{ width:100%; margin-bottom:20px; }<|repo_name|>prakharsoni27/MEANStack<|file_sep|>/Frontend/src/app/shared/user.service.ts import { HttpClient } from '@angular/common/http'; import { Injectable } from '@angular/core'; import { Observable } from 'rxjs'; @Injectable({ providedIn:'root' }) export class UserService { private baseUrl = "http://localhost:3000"; constructor(private http : HttpClient) { } login(user) : Observable{ return this.http.post(`${this.baseUrl}/users/login`,user); } register(user) : Observable{ return this.http.post(`${this.baseUrl}/users/register`,user); } getAllData():Observable{ return this.http.get(`${this.baseUrl}/users/getAllData`); } addData(data):Observable{ return this.http.post(`${this.baseUrl}/users/addData`,data); } updateData(id,data):Observable{ return this.http.put(`${this.baseUrl}/users/updateData/${id}`,data); } deleteData(id):Observable{ return this.http.delete(`${this.baseUrl}/users/deleteData/${id}`); } addAllData():Observable{ return this.http.post(`${this.baseUrl}/users/addAllData`,null); } } <|file_sep|># Backend Routes ## Register Route `POST /users/register` Register new user. ### Request Body json { "username" : "string", "email" : "string", "password" : "string" } ### Response json { "message" : "User Registered Successfully" } ## Login Route `POST /users/login` Login existing user. ### Request Body json {