I made a chat app.

Introduction

I made a chat app as a practice of web app.

Basic function

--Login-based app --Password is hashed and managed in DB --Login management function using session --Account creation function --Message posting function --Save the posted content in the DB --XSS countermeasure escape processing --Image posting function --Convert images to byte array and save to reduce weight --Input check function --At login --When creating an account --When posting a message --Message deletion / editing function (From the user's point of view, individual messages saved in the DB can be deleted / edited individually) --App design using Bootstrap framework --Responsive design compatible with smartphones

Development environment

--Language - Java - javascript - html - css --Database - MySQL --Other - bootstrap

screen

Login screen

--For PC roguinngamen.png --For smartphones -Smartphone screen.jpg

Chat screen

--For PC チャット画面.png

--For smartphones tyattogamen.png

Impressions made

――It's often troublesome to make an ordinary chat app. --Both processing for determining line breaks and XSS countermeasures --I learned that it is better to convert to a byte string when posting an image. When displaying, I chose the method of encoding to base64 and displaying it, but this method puts a load on displaying the page, so I would like to reflect on it in the future. ――I'm not confident in the design, so thanks to bootstrap, it's much better.

Finally

Even though it is a chat app, its processing and structure are almost the same as or similar to bulletin boards and apps with other input forms, so it turned out that other apps can also be used.

Recommended Posts

I made a chat app.
I made a shopify app @java
I made a matching app (Android app)
[Android] I made a pedometer app.
I made a rock-paper-scissors app with kotlin
I made a calculator app on Android
I made a rock-paper-scissors app with android
I made a viewer app that displays a PDF
I made a drawing chat "8bit paint chat" on WebAssembly
Ruby: I made a FizzBuzz program!
I made a GUI with Swing
I made a simple recommendation function.
I made a package.xml generation tool.
[Rails] I made a simple calendar mini app with customized specifications.
Chat app production
I want to create a chat screen for the Swift chat app!
[Ruby] I made a simple Ping client
I made StringUtils.isBlank
I recently made a js app in the rumored Dart language
I made a risky die with Ruby
I made a plugin for IntelliJ IDEA
I made a new Java deployment tool
I made a bulletin board using Docker 1
I made an app to scribble with PencilKit on a PDF file
I made a primality test program in Java
04. I made a front end with SpringBoot + Thymeleaf
I made a mosaic art with Pokemon images
I made an app for myself! (Reading management app)
I made a gender selection column with enum
I made an Android app for MiRm service
I made a rock-paper-scissors game in Java (CLI)
I tried to create a LINE clone app
I made a Docker container to run Maven
I made a Ruby extension library in C
[Rails] I made a draft function using enum
I made a LINE bot with Rails + heroku
I made a portfolio with Ruby On Rails
I made a Docker image of SDAPS for Japanese
A simple CRUD app made with Nuxt / Laravel (Docker)
I made a check tool for the release module
Practice making a simple chat app with Docker + Sinatra
I made a method to ask for Premium Friday
Create a Chat app with WebSocket (Tyrus) + libGDX + Kotlin
I made a Restful server and client in Spring.
I made a library that works like a Safari tab !!
I made a library for displaying tutorials on Android.
I made a Wrapper that calls KNP from Java
I made a lock pattern using the volume key with the Android app. Fragment edition
I made a Japanese version of Rails / devise automatic email
I made a server side of an online card game ⑤
I made a server side of an online card game ③
I made a development environment with rails6 + docker + postgreSQL + Materialize.
[Rails] I tried to create a mini app with FullCalendar
I want to push an app made with Rails 6 to GitHub
I made roulette in Java.
I made a plugin to execute jextract with Gradle task
[Beginner] I made a program to sell cakes in Java
I made a server side of an online card game ⑥
I tried JAX-RS and made a note of the procedure
I made a mod that instantly calls a vehicle with Minecraft
I made a server side of an online card game ④