Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/callicoder/spring-boot-mongodb-angular-todo-app

angular angular4 angular5 backend frontend mongodb rest-api spring spring-boot tutorial

Last synced: 3 days ago
JSON representation

A Sample App built using Spring Boot, Angular and MongoDB

Host: GitHub
URL: https://github.com/callicoder/spring-boot-mongodb-angular-todo-app
Owner: callicoder
Created: 2016-04-06T06:30:12.000Z (over 8 years ago)
Default Branch: master
Last Pushed: 2023-03-01T11:27:48.000Z (almost 2 years ago)
Last Synced: 2024-12-11T12:26:08.453Z (12 days ago)
Topics: angular, angular4, angular5, backend, frontend, mongodb, rest-api, spring, spring-boot, tutorial
Language: TypeScript
Homepage: https://www.callicoder.com/spring-boot-mongodb-angular-js-rest-api-tutorial/
Size: 4.59 MB
Stars: 92
Watchers: 13
Forks: 92
Open Issues: 12
Metadata Files:
- Readme: Readme.md

# Spring Boot, MongoDB, Angular Restful API Tutorial

Build a Fully-Fledged Todo App with Spring Boot & MongoDB in the Backend and Angular in the frontend.

## Requirements

1. Java - 1.8.x

2. Maven - 3.x.x

3. MongoDB - 3.x.x

## Steps to Setup

**1. Clone the application**

```bash
git clone https://github.com/callicoder/spring-boot-mongodb-angular-todo-app.git
```

**2. Build and run the backend app using maven**

```bash
cd spring-boot-backend
mvn package
java -jar target/todoapp-1.0.0.jar
```

Alternatively, you can run the app without packaging it using -

```bash
mvn spring-boot:run
```

The backend server will start at .

**3. Run the frontend app using npm**

```bash
cd angular-frontend
npm install
```

```bash
npm start
```

Frontend server will run on

## Learn more

You can find the tutorial for this application on my blog -