#Flask app builder with mongodb tutorial how to
#Flask app builder with mongodb tutorial install
#Flask app builder with mongodb tutorial code
#Flask app builder with mongodb tutorial free

MongoDB is a NoSQL document database, that is fast, and works without having to deal with so much DB table or schema setup. It allows developers to generate start website or use server-side rendering to create a highly scalable sites.

#Flask app builder with mongodb tutorial free

Ktor uses plugins to enable support for more features in the application like encoding, compression, logging, and authentication.Īdd the following lines to the top of the embeddedServer block in src/jvmMain/kotlin/ is a free open-source React framework for building a web applications.

#Flask app builder with mongodb tutorial install

Install Ktor pluginsīefore continuing with the application development, install the required plugins for the embedded servers. Later, like with the endpoint for GET requests to /hello, you'll be able to configure all of the endpoints for the API inside the routing block. Once the application has finished compiling and the server has started up, use a web browser to navigate to to see the first route in action: gradlew run command in the terminal or run from the Gradle tool window: To start the application and see that everything works, execute the Gradle run task. The first API endpoint is an HTTP method, get, and the route under which it should be reachable, /hello.Īll imports that are needed for the rest of the tutorial have already been added.

#Flask app builder with mongodb tutorial code

To define the entry point for the app, add the following code to src/jvmMain/kotlin/Server.kt: You need to tell the embedded server that ships with Ktor to use the Netty engine on a port, in this case, 9090. You can find more information about Ktor in its documentation. It can be set up quickly and grow as systems become more complex. To create the backend, you can use the Ktor framework, designed to build asynchronous servers and clients in connected systems. For the simple shopping list, you can focus solely on: The typical API server implements the CRUD operations – create, read, update, and delete. Let's begin by writing the server side of the application. In your project, there are three folders, commonMain, jsMain, and jvmMain, which contain their own resources and kotlin folders.įor detailed information on source sets, see Understand Multiplatform project structure. Check out the sections about the Gradle structure below.Įach source set also corresponds to a folder in the src directory. If you want to get right to programming, feel free to move on directly to the next section.Īlternatively, you can get an understanding of the configuration and project setup in the file to prepare for other projects. You don't need to change the Gradle configuration throughout this tutorial.

This template already includes all of the configuration and required dependencies for all of the project parts: JVM, JS, and the common code. Create the projectĬlone the project repository from GitHub and open it in IntelliJ IDEA. Some knowledge about basic concepts in React and Kotlin coroutines may help understand some sample code, but it is not strictly required. This information will help order the shopping list.įor this tutorial, you are expected to have an understanding of Kotlin. The user can also specify a priority level for list entries by adding an exclamation point !. If a user clicks on an item in the shopping list, it will be removed. The user interface will be simple: a list of planned purchases and a field to enter new shopping items. The output will be a simple shopping list application that allows you to plan your grocery shopping. This helps you make data communication safe and easy to implement. Serialization and deserialization to and from type-safe objects is delegated to the rialization multiplatform library. You will also use popular Kotlin multiplatform libraries and frameworks: In this tutorial, you'll primarily utilize this functionality to share a type-safe representation of the data between client and server. Using Kotlin throughout the whole stack also makes it possible to write classes and functions that can be used from both the JVM and JS targets of your application. Since the whole app will be in Kotlin, you can share libraries and programming paradigms (such as using Coroutines for concurrency) on both the frontend and backend. Both parts will be one Kotlin Multiplatform project. The application consists of a server part using Kotlin/JVM and a web client using Kotlin/JS.

#Flask app builder with mongodb tutorial how to

You will create a simple JSON API and learn how to use the API from a web app using Kotlin and React. This tutorial demonstrates how to build a connected full-stack application with IntelliJ IDEA. Build a full-stack web app with Kotlin Multiplatform