[Fullstack] Simple Springboot+Angular and Mongodb App

Heading

Requirement

A simple Springboot+Angular application for create and searching location Location(lng, lat, locationName)

Back End

Using Springboot and Mongodb

Front End

Using Angular 6.x.x

Source

https://github.com/quoc-trinh/location

Comments

Text manipulation: Find and replace Linux commands

Text manipulation is a key aspect of working with text data in various fields such as data science, data engineering, web development, and system administration. There are many tools and techniques available for text manipulation in Linux or Unix-based systems. Some popular tools for text manipulation include:

How to Install SQL Server on MacOS with docker

I'm writing a small tut for who need to install SQL Server on macOS using docker Step 1: Download the SQL Server Image sudo docker pull mcr.microsoft.com/mssql/server:2019-latest Step 2: Launch the SQL Server Image in Docker docker run -d --name example_sql_server -e 'ACCEPT_EULA=Y' -e 'SA_PASSWORD=Pass.word-123' -p 1433:1433 mcr.microsoft.com/mssql/server:2019-latest Step 3: Check the SQL Server Docker Container docker ps -a Step 4: Install SQL Server Command-Line Tool sudo npm install -g sql-cli Step 5: Connect to SQL Server 5.1 Using Command mssql -u sa -p Pass.word-123 5.2: Using VSCode to connect to sql server Using the extension SQL Server (mssql)

Create Grid using React native

After fist post about react native I feel I'm getting familiar with react native, this framework quite easy to use, today I continue with another tutorial about create a simple grid card in react native. Let see the our final result first: Let's start... Analytics Assump our data has below structure: We have an array of rows and each row has an array of columns, then I decided to use FlatList to display object in cloumns array in horizontal direction, you can imaging like below image. Gridcard design Card Item each card has a logo and a text. I'm using the Icon from lib react-native-vector-icons To have a flatlist in horizontal we use horizontal = {true} property, and to make sure the width of flatlist is same as screen with we use contentContainerStyle={{ flexGrow: 1, justifyContent: 'center' }} Grid Now the implementation quite easy now, just need to...

Quoc Trinh

Search This Blog