Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kondratovivan/angular-spring-boot-leisure-games-webapp
Fullstack springboot+angular webapp
https://github.com/kondratovivan/angular-spring-boot-leisure-games-webapp
angular components css fullstack html java17 maven mvc postgresql routing spring-boot typescript
Last synced: about 1 month ago
JSON representation
Fullstack springboot+angular webapp
- Host: GitHub
- URL: https://github.com/kondratovivan/angular-spring-boot-leisure-games-webapp
- Owner: KondratovIvan
- Created: 2024-01-08T17:04:09.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2024-01-28T17:23:54.000Z (11 months ago)
- Last Synced: 2024-02-02T22:49:25.192Z (11 months ago)
- Topics: angular, components, css, fullstack, html, java17, maven, mvc, postgresql, routing, spring-boot, typescript
- Language: TypeScript
- Homepage:
- Size: 241 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# angular-springboot-application
To run this application you must
**1. Repository clonning**
```bash
git clone https://github.com/KondratovIvan/angular-spring-boot-leisure-games-webapp
```**2. Create 'leisureGames' postgresql DB**
**3. Spring boot app**
* Open folder leisure-games-webapp-backend in Java IDE* Build the maven project:
```bash
mvn clean install
```
* Run project
* Open Postman or another http requests emulator and add new games with POST http://localhost:8080/game method
* Request body must looks like:
```bash
{
"name":"Hat",
"fame":"narrow",
"shortDesc":"Explanation of the words spoken by a member of the company",
"fullDesc":"All participants in this fun game come up with ten words, write them on pieces of paper and put them in a hat. And then the fun begins: players, in a limited amount of time in line, try to explain, show or draw the words they come across, while everyone else continues to guess them. The most successful wins receive points, honor, glory and a medal around their neck.",
"imageLink":"https://5sfer.com/wp-content/uploads/2023/08/names-in-a-hat-1024x683.jpg"
}
```**4. Angular app**
* Open folder leisure-games-webapp-frontend in IDE with web development support, VSC for example* Open a terminal, go to leisure-games-webapp-frontend folder and start Angualr project:
```bash
ng serve
```* Open browser and browse at: http://localhost:4200/
![image](https://github.com/KondratovIvan/angular-spring-boot-leisure-games-webapp/assets/94958641/b5ae6b2a-c72f-4cb9-b308-dd6d7d6e16bb)
![image](https://github.com/KondratovIvan/angular-spring-boot-leisure-games-webapp/assets/94958641/761643ea-3d55-46d5-aef0-05bbec4f3055)
![image](https://github.com/KondratovIvan/angular-spring-boot-leisure-games-webapp/assets/94958641/259275c2-863f-49bc-a926-f64d24de3ab7)