beta da beta da beta 0.0.01 '-'

2025-06-11 19:52:07 -03:00
commit 86327ddad6
20 changed files with 1474 additions and 0 deletions
--- a/back_end/config_data/config_data.go
+++ b/back_end/config_data/config_data.go
@@ -0,0 +1,75 @@
+package config_data
+
+import (
+	"bufio"
+	"errors"
+	"log"
+	"os"
+	"strings"
+
+	"github.com/gocql/gocql"
+)
+
+const (
+	file_path = "./"
+)
+
+func FileAuthGET() (map[string]interface{}, error) {
+	file, err := os.Open(file_path + "zartigo.conf")
+	if err != nil {
+		datafile := []byte("# nada por agora")
+		os.MkdirAll(file_path, 0755)
+		os.WriteFile(file_path+"zartigo.conf", datafile, 0644)
+		log.Fatal("o arquivo de config não existia, mas foi criado no caminho " + file_path + " o configure e rode novamente.")
+	}
+	defer file.Close()
+
+	MapDATA := make(map[string]interface{})
+	ScanData := bufio.NewScanner(file)
+	for ScanData.Scan() {
+		linhas := strings.TrimSpace(ScanData.Text())
+		partes := strings.SplitN(linhas, "=", 2)
+		if linhas == "" || strings.HasPrefix(linhas, "#") || len(partes) != 2 {
+			continue
+		}
+
+		key := strings.TrimSpace(partes[0])
+		value := strings.TrimSpace(partes[1])
+
+		if commit := strings.Index(value, "#"); commit != -1 {
+			value = strings.TrimSpace(value[:commit])
+		}
+
+		switch strings.Contains((value), ",") {
+		case true:
+			valueList := strings.Split(value, ",")
+			for i := range valueList {
+				valueList[i] = strings.TrimSpace(valueList[i])
+			}
+			MapDATA[key] = valueList
+			break
+		case false:
+			MapDATA[key] = value
+			break
+		}
+
+	}
+
+	return MapDATA, nil
+}
+
+func UseDB(ServerIP string, DataBaseNAME string) (*gocql.Session, error) {
+	cred, err := FileAuthGET()
+	con := gocql.NewCluster(ServerIP)
+	con.Keyspace = DataBaseNAME
+	con.Authenticator = gocql.PasswordAuthenticator{
+		Username: cred["user"].(string),
+		Password: cred["password"].(string),
+	}
+	session, err := con.CreateSession()
+	if err != nil {
+		return nil, errors.New("error ao conectar no banco de dados")
+	}
+	log.Println("conexão efetuada com sucesso")
+	return session, nil
+}
--- a/back_end/func_db.go
+++ b/back_end/func_db.go
@@ -0,0 +1,102 @@
+package main
+
+import (
+	"database/sql"
+	"fmt"
+	"log"
+	"net/http"
+	"time"
+
+	"github.com/go-sql-driver/mysql"
+	"github.com/google/uuid"
+)
+
+func sessionCookie(id int) (*http.Cookie, error) {
+	sessionID := uuid.New().String()
+	sessionInfo := map[string]interface{}{
+		"user_id": id,
+	}
+
+	err := redisCL.HSet(ctx, sessionID, sessionInfo).Err()
+
+	if err != nil {
+		return nil, fmt.Errorf("alguma coisa deu errado ao criar seu cookie de sessão")
+	}
+	err = redisCL.Expire(ctx, sessionID, 24*time.Hour).Err()
+	if err != nil {
+		log.Fatal(err)
+	}
+
+	cookie := &http.Cookie{
+		Name:     "PlayerSession",
+		Value:    sessionID,
+		Path:     "/*",
+		HttpOnly: true,
+		Expires:  time.Now().Add(24 * time.Hour),
+	}
+	return cookie, nil
+}
+
+func verifyTabeles(tbex []string, tb string) bool {
+	for _, a := range tbex {
+		if tb == a {
+			log.Println("a tabela: " + a + " existe")
+			return true
+		}
+	}
+	return false
+}
+
+func Database(DBname string, DBuser string, DBpass string, DBport int, DBhost string) error {
+	cfg := mysql.NewConfig()
+
+	cfg.Net = "tcp"
+	cfg.Addr = DBhost + ":3306"
+	cfg.DBName = DBname
+	cfg.User = DBuser
+	cfg.Passwd = DBpass
+
+	var err error
+	db, err = sql.Open("mysql", cfg.FormatDSN())
+	if err != nil {
+		return err
+	}
+	if db.Ping() != nil {
+		log.Fatal(db.Ping())
+		return fmt.Errorf("error ao fazer conexão")
+	}
+	log.Println("database conectado")
+	return nil
+}
+
+func CheckTables(query string) error {
+	log.Println("veirificando tabelas obrigatorias")
+	rows, err := db.Query(query)
+	if err != nil {
+		return fmt.Errorf("erro ao verificar tabelas: %v", err)
+	}
+	defer rows.Close()
+
+	var tables []string
+
+	for rows.Next() {
+		var t string
+		err = rows.Scan(&t)
+		if err != nil {
+			return err
+		}
+		tables = append(tables, t)
+	}
+	for a, _ := range table_list {
+		if !verifyTabeles(tables, a) {
+			rows, err := db.Query(table_list[a])
+			rows.Next()
+			if err != nil {
+				return fmt.Errorf("a tabela: %s não foi criada", a)
+			}
+			log.Printf("tabela %s foi criada.\n", a)
+		}
+	}
+	log.Println("verificação comcluida.")
+	return nil
+}
--- a/back_end/globais.go
+++ b/back_end/globais.go
@@ -0,0 +1,28 @@
+package main
+
+import (
+	"context"
+	"database/sql"
+
+	"github.com/go-redis/redis/v8"
+)
+
+type Table struct {
+	Name string
+}
+
+type resp_json struct {
+	Status  string            `json:"Status"`
+	Message string            `json:"Message,omitempty"`
+	Logs    map[string]string `json:"Logs,omitempty"`
+}
+
+var (
+	db         *sql.DB
+	redisCL    *redis.Client
+	ctx        = context.Background()
+	table_list = map[string]string{
+		"players":   "CREATE TABLE players (`id` INT NOT NULL AUTO_INCREMENT,`foto` MEDIUMTEXT NOT NULL,`player` VARCHAR(15) NOT NULL,`password` TEXT NOT NULL,`nome` VARCHAR(30) NOT NULL,`level` INT NOT NULL DEFAULT '0',`idade` INT NOT NULL DEFAULT '18',`altura` FLOAT NOT NULL DEFAULT '1.40',`vida` INT NOT NULL DEFAULT '10',`vida_maxima` INT NOT NULL DEFAULT '10',`destresa` INT NOT NULL DEFAULT '0',`inteligencia` INT NOT NULL DEFAULT '0',`força` INT NOT NULL DEFAULT '0',`constituição` INT NOT NULL DEFAULT '0',`cárisma` INT NOT NULL DEFAULT '0',`inventario` INT NOT NULL DEFAULT '10',`descrição` TEXT NOT NULL,PRIMARY KEY (`id`)) ENGINE = InnoDB;",
+		"roll_logs": "CREATE TABLE roll_logs (`id` INT NOT NULL AUTO_INCREMENT , `log` TEXT NOT NULL , PRIMARY KEY (`id`)) ENGINE = InnoDB;",
+	}
+)
--- a/back_end/go.mod
+++ b/back_end/go.mod
@@ -0,0 +1,37 @@
+module rpgzrox
+
+go 1.24.3
+
+require github.com/gocql/gocql v1.7.0
+
+require (
+	github.com/go-redis/redis/v8 v8.11.5
+	github.com/google/uuid v1.6.0
+	golang.org/x/time v0.11.0
+)
+
+require (
+	github.com/cespare/xxhash/v2 v2.1.2 // indirect
+	github.com/dgryski/go-rendezvous v0.0.0-20200823014737-9f7001d12a5f // indirect
+)
+
+require (
+	filippo.io/edwards25519 v1.1.0 // indirect
+	github.com/go-sql-driver/mysql v1.9.2
+)
+
+require (
+	github.com/golang/snappy v0.0.3 // indirect
+	github.com/hailocab/go-hostpool v0.0.0-20160125115350-e80d13ce29ed // indirect
+	github.com/labstack/echo/v4 v4.13.4
+	github.com/labstack/gommon v0.4.2 // indirect
+	github.com/mattn/go-colorable v0.1.14 // indirect
+	github.com/mattn/go-isatty v0.0.20 // indirect
+	github.com/valyala/bytebufferpool v1.0.0 // indirect
+	github.com/valyala/fasttemplate v1.2.2 // indirect
+	golang.org/x/crypto v0.39.0
+	golang.org/x/net v0.40.0 // indirect
+	golang.org/x/sys v0.33.0 // indirect
+	golang.org/x/text v0.26.0 // indirect
+	gopkg.in/inf.v0 v0.9.1 // indirect
+)
--- a/back_end/go.sum
+++ b/back_end/go.sum
@@ -0,0 +1,75 @@
+filippo.io/edwards25519 v1.1.0 h1:FNf4tywRC1HmFuKW5xopWpigGjJKiJSV0Cqo0cJWDaA=
+filippo.io/edwards25519 v1.1.0/go.mod h1:BxyFTGdWcka3PhytdK4V28tE5sGfRvvvRV7EaN4VDT4=
+github.com/bitly/go-hostpool v0.0.0-20171023180738-a3a6125de932 h1:mXoPYz/Ul5HYEDvkta6I8/rnYM5gSdSV2tJ6XbZuEtY=
+github.com/bitly/go-hostpool v0.0.0-20171023180738-a3a6125de932/go.mod h1:NOuUCSz6Q9T7+igc/hlvDOUdtWKryOrtFyIVABv/p7k=
+github.com/bmizerany/assert v0.0.0-20160611221934-b7ed37b82869 h1:DDGfHa7BWjL4YnC6+E63dPcxHo2sUxDIu8g3QgEJdRY=
+github.com/bmizerany/assert v0.0.0-20160611221934-b7ed37b82869/go.mod h1:Ekp36dRnpXw/yCqJaO+ZrUyxD+3VXMFFr56k5XYrpB4=
+github.com/cespare/xxhash/v2 v2.1.2 h1:YRXhKfTDauu4ajMg1TPgFO5jnlC2HCbmLXMcTG5cbYE=
+github.com/cespare/xxhash/v2 v2.1.2/go.mod h1:VGX0DQ3Q6kWi7AoAeZDth3/j3BFtOZR5XLFGgcrjCOs=
+github.com/davecgh/go-spew v1.1.0/go.mod h1:J7Y8YcW2NihsgmVo/mv3lAwl/skON4iLHjSsI+c5H38=
+github.com/davecgh/go-spew v1.1.1 h1:vj9j/u1bqnvCEfJOwUhtlOARqs3+rkHYY13jYWTU97c=
+github.com/davecgh/go-spew v1.1.1/go.mod h1:J7Y8YcW2NihsgmVo/mv3lAwl/skON4iLHjSsI+c5H38=
+github.com/dgryski/go-rendezvous v0.0.0-20200823014737-9f7001d12a5f h1:lO4WD4F/rVNCu3HqELle0jiPLLBs70cWOduZpkS1E78=
+github.com/dgryski/go-rendezvous v0.0.0-20200823014737-9f7001d12a5f/go.mod h1:cuUVRXasLTGF7a8hSLbxyZXjz+1KgoB3wDUb6vlszIc=
+github.com/fsnotify/fsnotify v1.4.9 h1:hsms1Qyu0jgnwNXIxa+/V/PDsU6CfLf6CNO8H7IWoS4=
+github.com/fsnotify/fsnotify v1.4.9/go.mod h1:znqG4EE+3YCdAaPaxE2ZRY/06pZUdp0tY4IgpuI1SZQ=
+github.com/go-redis/redis/v8 v8.11.5 h1:AcZZR7igkdvfVmQTPnu9WE37LRrO/YrBH5zWyjDC0oI=
+github.com/go-redis/redis/v8 v8.11.5/go.mod h1:gREzHqY1hg6oD9ngVRbLStwAWKhA0FEgq8Jd4h5lpwo=
+github.com/go-sql-driver/mysql v1.9.2 h1:4cNKDYQ1I84SXslGddlsrMhc8k4LeDVj6Ad6WRjiHuU=
+github.com/go-sql-driver/mysql v1.9.2/go.mod h1:qn46aNg1333BRMNU69Lq93t8du/dwxI64Gl8i5p1WMU=
+github.com/gocql/gocql v1.7.0 h1:O+7U7/1gSN7QTEAaMEsJc1Oq2QHXvCWoF3DFK9HDHus=
+github.com/gocql/gocql v1.7.0/go.mod h1:vnlvXyFZeLBF0Wy+RS8hrOdbn0UWsWtdg07XJnFxZ+4=
+github.com/golang/snappy v0.0.3 h1:fHPg5GQYlCeLIPB9BZqMVR5nR9A+IM5zcgeTdjMYmLA=
+github.com/golang/snappy v0.0.3/go.mod h1:/XxbfmMg8lxefKM7IXC3fBNl/7bRcc72aCRzEWrmP2Q=
+github.com/google/uuid v1.6.0 h1:NIvaJDMOsjHA8n1jAhLSgzrAzy1Hgr+hNrb57e+94F0=
+github.com/google/uuid v1.6.0/go.mod h1:TIyPZe4MgqvfeYDBFedMoGGpEw/LqOeaOT+nhxU+yHo=
+github.com/hailocab/go-hostpool v0.0.0-20160125115350-e80d13ce29ed h1:5upAirOpQc1Q53c0bnx2ufif5kANL7bfZWcc6VJWJd8=
+github.com/hailocab/go-hostpool v0.0.0-20160125115350-e80d13ce29ed/go.mod h1:tMWxXQ9wFIaZeTI9F+hmhFiGpFmhOHzyShyFUhRm0H4=
+github.com/kr/pretty v0.1.0 h1:L/CwN0zerZDmRFUapSPitk6f+Q3+0za1rQkzVuMiMFI=
+github.com/kr/pretty v0.1.0/go.mod h1:dAy3ld7l9f0ibDNOQOHHMYYIIbhfbHSm3C4ZsoJORNo=
+github.com/kr/pty v1.1.1/go.mod h1:pFQYn66WHrOpPYNljwOMqo10TkYh1fy3cYio2l3bCsQ=
+github.com/kr/text v0.1.0 h1:45sCR5RtlFHMR4UwH9sdQ5TC8v0qDQCHnXt+kaKSTVE=
+github.com/kr/text v0.1.0/go.mod h1:4Jbv+DJW3UT/LiOwJeYQe1efqtUx/iVham/4vfdArNI=
+github.com/labstack/echo/v4 v4.13.4 h1:oTZZW+T3s9gAu5L8vmzihV7/lkXGZuITzTQkTEhcXEA=
+github.com/labstack/echo/v4 v4.13.4/go.mod h1:g63b33BZ5vZzcIUF8AtRH40DrTlXnx4UMC8rBdndmjQ=
+github.com/labstack/gommon v0.4.2 h1:F8qTUNXgG1+6WQmqoUWnz8WiEU60mXVVw0P4ht1WRA0=
+github.com/labstack/gommon v0.4.2/go.mod h1:QlUFxVM+SNXhDL/Z7YhocGIBYOiwB0mXm1+1bAPHPyU=
+github.com/mattn/go-colorable v0.1.14 h1:9A9LHSqF/7dyVVX6g0U9cwm9pG3kP9gSzcuIPHPsaIE=
+github.com/mattn/go-colorable v0.1.14/go.mod h1:6LmQG8QLFO4G5z1gPvYEzlUgJ2wF+stgPZH1UqBm1s8=
+github.com/mattn/go-isatty v0.0.20 h1:xfD0iDuEKnDkl03q4limB+vH+GxLEtL/jb4xVJSWWEY=
+github.com/mattn/go-isatty v0.0.20/go.mod h1:W+V8PltTTMOvKvAeJH7IuucS94S2C6jfK/D7dTCTo3Y=
+github.com/nxadm/tail v1.4.8 h1:nPr65rt6Y5JFSKQO7qToXr7pePgD6Gwiw05lkbyAQTE=
+github.com/nxadm/tail v1.4.8/go.mod h1:+ncqLTQzXmGhMZNUePPaPqPvBxHAIsmXswZKocGu+AU=
+github.com/onsi/ginkgo v1.16.5 h1:8xi0RTUf59SOSfEtZMvwTvXYMzG4gV23XVHOZiXNtnE=
+github.com/onsi/ginkgo v1.16.5/go.mod h1:+E8gABHa3K6zRBolWtd+ROzc/U5bkGt0FwiG042wbpU=
+github.com/onsi/gomega v1.18.1 h1:M1GfJqGRrBrrGGsbxzV5dqM2U2ApXefZCQpkukxYRLE=
+github.com/onsi/gomega v1.18.1/go.mod h1:0q+aL8jAiMXy9hbwj2mr5GziHiwhAIQpFmmtT5hitRs=
+github.com/pmezard/go-difflib v1.0.0 h1:4DBwDE0NGyQoBHbLQYPwSUPoCMWR5BEzIk/f1lZbAQM=
+github.com/pmezard/go-difflib v1.0.0/go.mod h1:iKH77koFhYxTK1pcRnkKkqfTogsbg7gZNVY4sRDYZ/4=
+github.com/stretchr/objx v0.1.0/go.mod h1:HFkY916IF+rwdDfMAkV7OtwuqBVzrE8GR6GFx+wExME=
+github.com/stretchr/testify v1.3.0/go.mod h1:M5WIy9Dh21IEIfnGCwXGc5bZfKNJtfHm1UVUgZn+9EI=
+github.com/stretchr/testify v1.10.0 h1:Xv5erBjTwe/5IxqUQTdXv5kgmIvbHo3QQyRwhJsOfJA=
+github.com/stretchr/testify v1.10.0/go.mod h1:r2ic/lqez/lEtzL7wO/rwa5dbSLXVDPFyf8C91i36aY=
+github.com/valyala/bytebufferpool v1.0.0 h1:GqA5TC/0021Y/b9FG4Oi9Mr3q7XYx6KllzawFIhcdPw=
+github.com/valyala/bytebufferpool v1.0.0/go.mod h1:6bBcMArwyJ5K/AmCkWv1jt77kVWyCJ6HpOuEn7z0Csc=
+github.com/valyala/fasttemplate v1.2.2 h1:lxLXG0uE3Qnshl9QyaK6XJxMXlQZELvChBOCmQD0Loo=
+github.com/valyala/fasttemplate v1.2.2/go.mod h1:KHLXt3tVN2HBp8eijSv/kGJopbvo7S+qRAEEKiv+SiQ=
+golang.org/x/crypto v0.39.0 h1:SHs+kF4LP+f+p14esP5jAoDpHU8Gu/v9lFRK6IT5imM=
+golang.org/x/crypto v0.39.0/go.mod h1:L+Xg3Wf6HoL4Bn4238Z6ft6KfEpN0tJGo53AAPC632U=
+golang.org/x/net v0.40.0 h1:79Xs7wF06Gbdcg4kdCCIQArK11Z1hr5POQ6+fIYHNuY=
+golang.org/x/net v0.40.0/go.mod h1:y0hY0exeL2Pku80/zKK7tpntoX23cqL3Oa6njdgRtds=
+golang.org/x/sys v0.6.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
+golang.org/x/sys v0.33.0 h1:q3i8TbbEz+JRD9ywIRlyRAQbM0qF7hu24q3teo2hbuw=
+golang.org/x/sys v0.33.0/go.mod h1:BJP2sWEmIv4KK5OTEluFJCKSidICx8ciO85XgH3Ak8k=
+golang.org/x/text v0.26.0 h1:P42AVeLghgTYr4+xUnTRKDMqpar+PtX7KWuNQL21L8M=
+golang.org/x/text v0.26.0/go.mod h1:QK15LZJUUQVJxhz7wXgxSy/CJaTFjd0G+YLonydOVQA=
+golang.org/x/time v0.11.0 h1:/bpjEDfN9tkoN/ryeYHnv5hcMlc8ncjMcM4XBk5NWV0=
+golang.org/x/time v0.11.0/go.mod h1:CDIdPxbZBQxdj6cxyCIdrNogrJKMJ7pr37NYpMcMDSg=
+gopkg.in/inf.v0 v0.9.1 h1:73M5CoZyi3ZLMOyDlQh031Cx6N9NDJ2Vvfl76EDAgDc=
+gopkg.in/inf.v0 v0.9.1/go.mod h1:cWUDdTG/fYaXco+Dcufb5Vnc6Gp2YChqWtbxRZE0mXw=
+gopkg.in/tomb.v1 v1.0.0-20141024135613-dd632973f1e7 h1:uRGJdciOHaEIrze2W8Q3AKkepLTh2hOroT7a+7czfdQ=
+gopkg.in/tomb.v1 v1.0.0-20141024135613-dd632973f1e7/go.mod h1:dt/ZhP58zS4L8KSrWDmTeBkI65Dw0HsyUHuEVlX15mw=
+gopkg.in/yaml.v2 v2.4.0 h1:D8xgwECY7CYvx+Y2n4sBz93Jn9JRvxdiyyo8CTfuKaY=
+gopkg.in/yaml.v2 v2.4.0/go.mod h1:RDklbk79AGWmwhnvt/jBztapEOGDOx6ZbXqjP6csGnQ=
+gopkg.in/yaml.v3 v3.0.1 h1:fxVm/GzAzEWqLHuvctI91KS9hhNmmWOoWu0XTYJS7CA=
+gopkg.in/yaml.v3 v3.0.1/go.mod h1:K4uyk7z7BCEPqu6E+C64Yfv1cQ7kz7rIZviUmN+EgEM=
--- a/back_end/main.go
+++ b/back_end/main.go
@@ -0,0 +1,94 @@
+package main
+
+import (
+	/* libs padrão */
+	"fmt"
+	"log"
+	"net/http"
+	"time"
+
+	/* libs minha */
+	"rpgzrox/config_data"
+
+	/* libs externas */
+
+	"github.com/go-redis/redis/v8"
+	"golang.org/x/time/rate"
+
+	//"github.com/google/uuid"
+	"github.com/labstack/echo/v4"
+	"github.com/labstack/echo/v4/middleware"
+)
+
+func main() {
+	load_data, _ := config_data.FileAuthGET()
+	log.Println("load config_data")
+
+	Database(load_data["dbname"].(string), load_data["dbuser"].(string), load_data["dbpass"].(string), 3306, load_data["dbhost"].(string))
+	err := CheckTables("SHOW TABLES;")
+	if err != nil {
+		log.Fatal(err)
+	}
+
+	e := echo.New()
+
+	e.HideBanner = true
+	e.HidePort = true
+
+	log.Println("iniciando banco de dados cache")
+	redisCL = redis.NewClient(&redis.Options{
+		Addr: "127.0.0.1:6379",
+	})
+
+	log.Println("Definindo configurações de Rate Limit")
+	rateLimiterStore := middleware.NewRateLimiterMemoryStoreWithConfig(
+		middleware.RateLimiterMemoryStoreConfig{
+			Rate:      rate.Every(10 * time.Second),
+			Burst:     2,
+			ExpiresIn: 60 * time.Minute,
+		},
+	)
+
+	rateLimit := middleware.RateLimiterWithConfig(middleware.RateLimiterConfig{
+		Store: rateLimiterStore,
+		IdentifierExtractor: func(c echo.Context) (string, error) {
+			return c.RealIP(), nil
+		},
+		DenyHandler: func(c echo.Context, identifier string, err error) error {
+			if err := redisCL.Set(ctx, identifier, "blocked", 1*time.Hour).Err(); err != nil {
+				log.Printf("erro ao setar bloqueio no Redis: %v", err)
+			}
+			return c.JSON(http.StatusTooManyRequests, resp_json{
+				Status:  "Timeout",
+				Message: "Uma tentativa de força bruta foi identificada, você tomou time_out",
+			})
+		},
+	})
+	timeoutMiddleware := func(next echo.HandlerFunc) echo.HandlerFunc {
+		return func(c echo.Context) error {
+			blocked, err := redisCL.Exists(ctx, c.RealIP()).Result()
+			if err == nil && blocked == 1 {
+				return c.JSON(http.StatusTooManyRequests, resp_json{
+					Status:  "Timeout",
+					Message: "Você ainda está em período de timeout",
+				})
+			}
+			return next(c)
+		}
+	}
+	log.Println("concluido, back_end rodando")
+
+	/* rotas */
+
+	e.GET("/", func(c echo.Context) error {
+		return c.JSON(http.StatusOK, resp_json{
+			Status:  "Success",
+			Message: "Api esta online",
+		})
+	})
+
+	e.POST("login", login, timeoutMiddleware, rateLimit)
+
+	/* log */
+	e.Logger.Fatal(e.Start(fmt.Sprintf(":%s", load_data["port"])))
+}
--- a/back_end/rotas.go
+++ b/back_end/rotas.go
@@ -0,0 +1,56 @@
+package main
+
+import (
+	"log"
+	"net/http"
+	"strings"
+
+	"github.com/labstack/echo/v4"
+	"golang.org/x/crypto/bcrypt"
+)
+
+func login(c echo.Context) error {
+	player := c.FormValue("player")
+	password := c.FormValue("password")
+
+	if strings.TrimSpace(player) == "" || strings.TrimSpace(password) == "" {
+		return c.JSON(http.StatusForbidden, resp_json{
+			Status:  "Error",
+			Message: "algum parametro esta faltando tente novamente",
+		})
+	}
+
+	/*passhash, err := bcrypt.GenerateFromPassword([]byte(password), 15)
+	if err != nil {
+		log.Println("Algo deu errado com a hash de senha.")
+		return c.JSON(http.StatusInternalServerError, resp_json{
+			Status:  "Error",
+			Message: "Erro ao criar hash de senha do usuario: " + player,
+		})
+	}*/
+
+	var id int
+	var DBpass string
+	err := db.QueryRow("SELECT id, password FROM players WHERE player=? LIMIT 1", player).Scan(&id, &DBpass)
+
+	if err == nil {
+		if bcrypt.CompareHashAndPassword([]byte(DBpass), []byte(password)) == nil {
+			newCookie, err := sessionCookie(id)
+
+			if err != nil {
+				log.Println(err)
+			}
+			c.SetCookie(newCookie)
+			return c.JSON(http.StatusOK, resp_json{
+				Status:  "Success",
+				Message: "Login sucesso",
+			})
+		}
+	}
+
+	return c.JSON(http.StatusForbidden, resp_json{
+		Status:  "Error",
+		Message: "Usuario ou senha incorreto",
+	})
+
+}
--- a/back_end/rpgzrox
+++ b/back_end/rpgzrox
--- a/back_end/zartigo.conf
+++ b/back_end/zartigo.conf
@@ -0,0 +1,6 @@
+# nada por agora
+port = 8085
+dbhost = 127.0.0.1
+dbname = rpgzrox
+dbuser = rpg
+dbpass = cronostrigo
--- a/rpg/css/base.css
+++ b/rpg/css/base.css
@@ -0,0 +1,62 @@
+@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0");
+
+/* ==================== fonts ==================== */
+
+@import url("https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&family=Share+Tech+Mono&display=swap");
+/* font-family: "Share Tech Mono", monospace; */
+
+/* =============================================== */
+:root {
+    --bgcolor: #453831;
+    --subbgcolor: #2b2420;
+    --fontcolor: #dddec6;
+    --lines: #666666;
+    --btncolor: #000000;
+    --backredcolor: #bb0000;
+    --backdarkredcolor: #540000;
+}
+
+::-webkit-scrollbar {
+    display: none;
+}
+
+* {
+    padding: 0;
+    margin: 0;
+    text-decoration: none;
+    list-style: none;
+    scroll-behavior: smooth;
+    color: var(--fontcolor);
+    font-family: Arial, Helvetica, sans-serif;
+    overflow: hidden;
+    overflow-y: scroll;
+}
+
+input::placeholder {
+    color: var(--fontcolor);
+}
+
+body {
+    width: 100%;
+    min-height: 100dvh;
+    background: var(--bgcolor);
+}
+
+#loginInput {
+    background-color: var(--btncolor);
+    width: 100%;
+    padding: 1dvh;
+    border: none;
+    border-bottom: solid 5px var(--backredcolor);
+}
+#loginBtn {
+    transition: 0.3s;
+    border: none;
+    background-color: var(--btncolor);
+    width: 50%;
+    padding: 1dvh;
+    margin: 0dvh 0 1dvh 0;
+}
+#loginBtn:hover {
+    background-color: var(--lines);
+}
--- a/rpg/css/login.css
+++ b/rpg/css/login.css
@@ -0,0 +1,33 @@
+body {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+#login_form {
+    overflow: hidden;
+    width: 24%;
+    height: 60dvh;
+
+    h1 {
+        background: var(--btncolor);
+        padding: 1dvh 0 1dvh 2dvh;
+    }
+
+    ul {
+        position: relative;
+        background-color: var(--subbgcolor);
+        width: 100%;
+        height: 100%;
+        padding-top: 8dvw;
+        display: flex;
+        align-items: center;
+        flex-direction: column;
+        li {
+            display: flex;
+            justify-content: center;
+            width: 90%;
+            margin-top: 1vw;
+        }
+    }
+}
--- a/rpg/css/register.css
+++ b/rpg/css/register.css
@@ -0,0 +1,42 @@
+body {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+#register_form {
+    display: flex;
+    flex-direction: column;
+    width: 30%;
+
+    h1 {
+        background: var(--btncolor);
+        padding: 1dvh 0 1dvh 2dvh;
+    }
+
+    ul {
+        background-color: var(--subbgcolor);
+        li {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            margin: 1dvw;
+            img {
+                object-fit: cover;
+                width: 25dvh;
+                height: 25dvh;
+                border-radius: 100%;
+            }
+            textarea {
+                resize: none;
+                width: 100%;
+                height: 15dvw;
+                background-color: var(--btncolor);
+
+                padding: 1dvh;
+                border: none;
+                border: solid 5px var(--backredcolor);
+            }
+        }
+    }
+}
--- a/rpg/css/style.css
+++ b/rpg/css/style.css
@@ -0,0 +1,376 @@
+#playerDATA {
+    background-color: var(--subbgcolor);
+    padding: 1dvw;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    #hero {
+        width: 15%;
+        height: 30%;
+        border: solid 3px var(--backredcolor);
+        border-radius: 100dvh;
+        object-fit: cover;
+    }
+
+    ul {
+        padding: 0 0 0 1vw;
+        width: 100%;
+
+        li {
+            display: flex;
+            align-items: center;
+            padding: 1dvh;
+            font-size: 1.5em;
+            border-bottom: dotted 2px var(--lines);
+
+            p {
+                margin: 0 0 0 1dvh;
+            }
+
+            a {
+                padding: 0.5dvh;
+                margin: 5px;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                background: var(--btncolor);
+                border-radius: 1dvh;
+                cursor: pointer;
+                transition: 0.3s;
+                overflow: hidden;
+            }
+
+            a:hover {
+                background: var(--lines);
+            }
+        }
+    }
+}
+
+#box_1 {
+    display: flex;
+    border-bottom: solid 0.5dvh var(--backredcolor);
+
+    h1 {
+        width: 100%;
+        background: var(--btncolor);
+        font-family: "Share Tech Mono", monospace;
+        padding: 0 0 0 1dvh;
+    }
+}
+
+#status {
+    width: 25%;
+    min-height: 40dvh;
+    max-height: 40dvh;
+    border-right: solid 1px var(--lines);
+    overflow: hidden;
+    background-color: var(--subbgcolor);
+
+    ul {
+        padding: 3vw 0 3vw 0;
+        max-height: 100%;
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
+        justify-content: center;
+
+        li {
+            margin: 2dvh;
+            background-color: var(--bgcolor);
+            border-radius: 1dvw;
+
+            label {
+                padding: 0 0 0 1dvh;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+
+                p {
+                    margin: 0 0.2dvh 0 0.2dvh;
+                }
+
+                span {
+                    padding: 1dvh;
+                    background: var(--btncolor);
+                    font-size: 1em;
+                    cursor: pointer;
+                    transition: 0.3s;
+                }
+
+                span:hover {
+                    background-color: var(--lines);
+                }
+
+                .btn-left {
+                    border-top-left-radius: 2dvh;
+                    border-bottom-left-radius: 2dvh;
+                    border-right: solid var(--lines) 1px;
+                }
+
+                .btn-right {
+                    border-top-right-radius: 2dvh;
+                    border-bottom-right-radius: 2dvh;
+                    border-left: solid var(--lines) 1px;
+                }
+            }
+        }
+    }
+}
+
+#dados {
+    width: 30%;
+    min-height: 40dvh;
+    max-height: 40dvh;
+    border-right: solid 1px var(--lines);
+    overflow: hidden;
+
+    #list {
+        width: 100%;
+        height: 50%;
+        overflow: hidden;
+        overflow-y: scroll;
+        background-color: var(--subbgcolor);
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
+        justify-content: center;
+        border-bottom: dotted 2px var(--lines);
+
+        li {
+            transition: 0.3s;
+            border-radius: 1dvh;
+            margin: 0 0 0 1dvh;
+            background: var(--btncolor);
+            width: 45%;
+            cursor: pointer;
+
+            a {
+                padding: 1dvh;
+                display: flex;
+                font-size: 1.5em;
+                align-items: center;
+
+                span {
+                    margin: 0 1dvw 0 0;
+                }
+            }
+        }
+
+        li:hover {
+            background-color: var(--lines);
+        }
+    }
+
+    #log {
+        width: 100%;
+        height: calc(40dvh - 12dvw);
+        overflow-y: scroll;
+
+        li {
+            font-size: 1.5em;
+            padding: 0.5dvh 0 0.5dvh 2dvh;
+        }
+    }
+}
+
+#inv {
+    position: relative;
+    width: 30%;
+    overflow: hidden;
+    min-height: 40dvh;
+    max-height: 40dvh;
+    border-right: solid 1px var(--lines);
+
+    ul {
+        overflow: hidden;
+        overflow-y: scroll;
+        width: 100%;
+        max-height: 80%;
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: flex-start;
+
+        li {
+            width: calc(100% / 4 - 2px);
+            height: calc(100dvh / 9 - 2px);
+            border: solid 1px var(--lines);
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            position: relative;
+            cursor: pointer;
+
+            a {
+                position: absolute;
+                right: 1dvh;
+                top: 1dvh;
+                background-color: var(--backredcolor);
+                cursor: pointer;
+                transition: 0.3s;
+                span {
+                    overflow: hidden;
+                }
+            }
+
+            a:hover {
+                background-color: var(--backdarkredcolor);
+            }
+        }
+
+        li:hover {
+            background-color: var(--subbgcolor);
+        }
+    }
+
+    hgroup {
+        position: absolute;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        padding: 0.5dvh;
+        width: 100%;
+        bottom: 0;
+        background-color: var(--subbgcolor);
+
+        select {
+            background-color: var(--btncolor);
+            padding: 5px;
+            border: none;
+        }
+
+        #btn {
+            transition: 0.3s;
+            background-color: var(--btncolor);
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            margin: 0 1dvh 0 1dvh;
+            padding: 5px;
+            border-radius: 1dvh;
+        }
+
+        #btn:hover {
+            background-color: var(--lines);
+        }
+
+        input {
+            margin: 0 0.5dvh 0 0.5dvh;
+            background-color: var(--lines);
+            color: var(--fontcolor);
+            border: none;
+            padding: 5px;
+        }
+
+        input[type="number"] {
+            width: 3dvw;
+        }
+
+        label {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+
+            a {
+                border-radius: 1dvh 0 1dvh 0;
+                span {
+                    overflow: hidden;
+                    font-size: 1em;
+                }
+            }
+        }
+    }
+}
+
+#powers {
+    width: calc(100% - (30% + 25% + 30% - 3px));
+    overflow: hidden;
+    min-height: 40dvh;
+    max-height: 40dvh;
+    background-color: var(--subbgcolor);
+
+    ul {
+        overflow: hidden;
+        overflow-y: scroll;
+        width: 100%;
+        height: 100%;
+
+        li {
+            width: 100%;
+            padding: 1dvh;
+            border-top: dotted 2px var(--lines);
+            cursor: pointer;
+            transition: 0.3s;
+
+            a {
+                font-size: 1.5em;
+            }
+        }
+
+        li:hover {
+            background-color: var(--btncolor);
+        }
+    }
+}
+
+#FloatInput {
+    position: absolute;
+    width: 10%;
+    display: flex;
+    z-index: 100px;
+
+    input[type="text"] {
+        position: relative;
+        width: 100%;
+        border: solid 1px var(--backredcolor);
+        border-radius: 10dvh;
+        background-color: var(--btncolor);
+        padding: 0.5dvh;
+        text-align: center;
+        font-size: 1.2em;
+    }
+}
+
+@media only screen and (max-width: 1080px) {
+    #playerDATA {
+        height: 40dvh;
+        #hero {
+            width: 40vh;
+            height: 25vh;
+        }
+
+        ul {
+            li {
+                font-size: 1em;
+            }
+        }
+    }
+    #box_1 {
+        flex-direction: column;
+        #dados,
+        #status,
+        #inv,
+        #powers {
+            width: 100%;
+            min-height: 100dvw;
+            #list {
+                height: 30dvh;
+            }
+        }
+    }
+
+    #inv {
+        ul {
+            max-height: 43vh;
+            li {
+                height: calc(100dvh / 6 - 2px);
+            }
+        }
+    }
+    #FloatInput {
+        width: 30%;
+        transform: translateY(50px) translateX(-50px);
+    }
+}
--- a/rpg/images/none.png
+++ b/rpg/images/none.png
--- a/rpg/index.html
+++ b/rpg/index.html
@@ -0,0 +1,326 @@
+<!doctype html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>ficha</title>
+        <link rel="stylesheet" href="css/base.css" />
+        <link rel="stylesheet" href="css/style.css" />
+        <script type="text/javascript" src="javascript/libs/jquery.js"></script>
+    </head>
+    <body>
+        <div id="playerDATA">
+            <img id="hero" src="images/none.png" />
+            <ul>
+                <li>
+                    <label>nome:</label>
+                    <p>you user name</p>
+                    <a id="btn" class="editbtn player_name">
+                        <span class="material-symbols-outlined"> edit </span>
+                        edit
+                    </a>
+                </li>
+                <li>
+                    <label>level:</label>
+                    <p>0</p>
+                    <a id="btn">
+                        <span class="material-symbols-outlined">
+                            arrow_upward
+                        </span>
+                    </a>
+                    <a id="btn">
+                        <span class="material-symbols-outlined">
+                            arrow_downward
+                        </span>
+                    </a>
+                </li>
+                <li>
+                    <label>idade:</label>
+                    <p>0</p>
+                    <a id="btn">
+                        <span class="material-symbols-outlined">
+                            arrow_upward
+                        </span>
+                    </a>
+                    <a id="btn">
+                        <span class="material-symbols-outlined">
+                            arrow_downward
+                        </span>
+                    </a>
+                </li>
+                <li>
+                    <label>altura:</label>
+                    <p>0,0</p>
+                    <a id="btn" class="editbtn">
+                        <span class="material-symbols-outlined"> edit </span>
+                        edit
+                    </a>
+                </li>
+            </ul>
+        </div>
+        <div id="box_1">
+            <div id="dados">
+                <h1>Dados</h1>
+                <ul id="list">
+                    <li>
+                        <a>
+                            <span class="material-symbols-outlined">
+                                casino
+                            </span>
+                            1d6
+                        </a>
+                    </li>
+                    <li>
+                        <a>
+                            <span class="material-symbols-outlined">
+                                casino
+                            </span>
+                            1d10
+                        </a>
+                    </li>
+                    <li>
+                        <a>
+                            <span class="material-symbols-outlined">
+                                casino
+                            </span>
+                            1d20
+                        </a>
+                    </li>
+                    <li>
+                        <a>
+                            <span class="material-symbols-outlined">
+                                casino
+                            </span>
+                            1d30
+                        </a>
+                    </li>
+                    <li>
+                        <a>
+                            <span class="material-symbols-outlined">
+                                casino
+                            </span>
+                            1d40
+                        </a>
+                    </li>
+                    <li>
+                        <a>
+                            <span class="material-symbols-outlined">
+                                casino
+                            </span>
+                            1d100
+                        </a>
+                    </li>
+                </ul>
+                <ul id="log">
+                    <li>
+                        <label
+                            >{user} rolou {dado} e o resultado é {valor}</label
+                        >
+                    </li>
+                </ul>
+            </div>
+            <div id="status">
+                <h1>Player Status</h1>
+                <ul>
+                    <li>
+                        <label>
+                            vida:
+                            <p id="life" class="status_player">0</p>
+                            /
+                            <p id="max_life" class="status_player">0</p>
+                            <a id="btn">
+                                <span
+                                    class="material-symbols-outlined btn-left"
+                                >
+                                    arrow_upward
+                                </span>
+                            </a>
+                            <a id="btn">
+                                <span class="material-symbols-outlined">
+                                    arrow_downward
+                                </span>
+                            </a>
+                            <a id="btn" class="editbtn vida">
+                                <span
+                                    class="material-symbols-outlined btn-right"
+                                >
+                                    edit
+                                </span>
+                            </a>
+                        </label>
+                    </li>
+                    <li>
+                        <label>
+                            for:
+                            <p id="power" class="status_player">0</p>
+                            <a id="btn">
+                                <span
+                                    class="material-symbols-outlined btn-left"
+                                >
+                                    arrow_upward
+                                </span>
+                            </a>
+                            <a id="btn">
+                                <span class="material-symbols-outlined">
+                                    arrow_downward
+                                </span>
+                            </a>
+                            <a id="btn" class="editbtn">
+                                <span
+                                    class="material-symbols-outlined btn-right"
+                                >
+                                    edit
+                                </span>
+                            </a>
+                        </label>
+                    </li>
+                    <li>
+                        <label>
+                            des:
+                            <p id="dexterity" class="status_player">0</p>
+                            <a id="btn">
+                                <span
+                                    class="material-symbols-outlined btn-left"
+                                >
+                                    arrow_upward
+                                </span>
+                            </a>
+                            <a id="btn">
+                                <span class="material-symbols-outlined">
+                                    arrow_downward
+                                </span>
+                            </a>
+                            <a id="btn" class="editbtn">
+                                <span
+                                    class="material-symbols-outlined btn-right"
+                                >
+                                    edit
+                                </span>
+                            </a>
+                        </label>
+                    </li>
+                    <li>
+                        <label>
+                            con:
+                            <p id="constitution" class="status_player">0</p>
+                            <a id="btn">
+                                <span
+                                    class="material-symbols-outlined btn-left"
+                                >
+                                    arrow_upward
+                                </span>
+                            </a>
+                            <a id="btn">
+                                <span class="material-symbols-outlined">
+                                    arrow_downward
+                                </span>
+                            </a>
+                            <a id="btn" class="editbtn">
+                                <span
+                                    class="material-symbols-outlined btn-right"
+                                >
+                                    edit
+                                </span>
+                            </a>
+                        </label>
+                    </li>
+                    <li>
+                        <label>
+                            int:
+                            <p id="intellect" class="status_player">0</p>
+                            <a id="btn">
+                                <span
+                                    class="material-symbols-outlined btn-left"
+                                >
+                                    arrow_upward
+                                </span>
+                            </a>
+                            <a id="btn">
+                                <span class="material-symbols-outlined">
+                                    arrow_downward
+                                </span>
+                            </a>
+                            <a id="btn" class="editbtn">
+                                <span
+                                    class="material-symbols-outlined btn-right"
+                                >
+                                    edit
+                                </span>
+                            </a>
+                        </label>
+                    </li>
+                    <li>
+                        <label>
+                            car:
+                            <p id="charisma" class="status_player">0</p>
+                            <a id="btn">
+                                <span
+                                    class="material-symbols-outlined btn-left"
+                                >
+                                    arrow_upward
+                                </span>
+                            </a>
+                            <a id="btn">
+                                <span class="material-symbols-outlined">
+                                    arrow_downward
+                                </span>
+                            </a>
+                            <a id="btn" class="editbtn">
+                                <span
+                                    class="material-symbols-outlined btn-right"
+                                >
+                                    edit
+                                </span>
+                            </a>
+                        </label>
+                    </li>
+                </ul>
+            </div>
+            <div id="inv">
+                <h1>Inventario</h1>
+                <ul>
+                    <li>
+                        <label>item_name</label>
+                        <label>quantidade</label>
+                        <a id="DelBTN">
+                            <span class="material-symbols-outlined">
+                                close
+                            </span>
+                        </a>
+                    </li>
+                </ul>
+                <hgroup>
+                    <input type="text" placeholder="item name" />
+                    <select name="durabilite">
+                        <option>duravel?</option>
+                        <option value="True">true</option>
+                        <option value="False">false</option>
+                    </select>
+                    <input type="number" placeholder="peso" max="100" />
+                    <input type="number" placeholder="quantidade" max="100" />
+                    <a id="btn">add</a>
+                    <label>
+                        <p>0</p>
+                        /
+                        <p>0</p>
+                        <a id="btn">
+                            <span class="material-symbols-outlined btn-right">
+                                edit
+                            </span>
+                        </a>
+                    </label>
+                </hgroup>
+            </div>
+            <div id="powers">
+                <h1>Poderes</h1>
+                <ul>
+                    <li><a>bla bla bla bla</a></li>
+                </ul>
+            </div>
+        </div>
+        <div id="box_2"></div>
+
+        <!-- scripts -->
+        <script type="text/javascript" src="javascript/script.js"></script>
+    </body>
+</html>
--- a/rpg/javascript/libs/jquery.js
+++ b/rpg/javascript/libs/jquery.js
--- a/rpg/javascript/register.js
+++ b/rpg/javascript/register.js
@@ -0,0 +1,10 @@
+$("#imgClick").on("click", () => $("#inputImagem").click());
+
+$("#inputImagem").on("change", function () {
+  const file = this.files[0];
+  if (file && file.type.startsWith("image/")) {
+    const reader = new FileReader();
+    reader.onload = (e) => $("#imgClick").attr("src", e.target.result);
+    reader.readAsDataURL(file);
+  }
+});
--- a/rpg/javascript/script.js
+++ b/rpg/javascript/script.js
@@ -0,0 +1,51 @@
+var $inp;
+
+let cordX = 0;
+let cordY = 0;
+
+function editInput(name, x, y) {
+  var input = `
+    <nav id="FloatInput" style="top: ${y - 50}px; left: ${x - 100}px">
+      <input type="text" placeholder="${name}" name="${name}" />
+  </nav>
+  `;
+  $inp = $(input).appendTo("body").focus();
+
+  $inp.on("keypress keydown", function (e) {
+    if (e.which === 13) {
+      switch ($(this).find("input").val().length > 0) {
+        case true:
+          console.log($(this).find("input").val());
+          // aqui vai enviar a request, não esqueça zk
+          break;
+        case false:
+          $(this).remove();
+          break;
+      }
+    }
+    switch (e.key) {
+      case "Delete":
+        $(this).remove();
+        break;
+      case "Backspace":
+        if ($(this).find("input").val() === "") {
+          $(this).remove();
+        }
+        break;
+    }
+  });
+}
+
+$(document).ready(function () {
+  $(document).on("mousemove", function (e) {
+    cordX = e.clientX;
+    cordY = e.clientY;
+  });
+  $(".editbtn").on("click", function (e) {
+    let reqbtn = e.currentTarget.className.split(" ");
+    let nameclass =
+      reqbtn.length > 1
+        ? editInput(reqbtn[1], cordX, cordY)
+        : console.error("erro,coloque uma seunda cleass");
+  });
+});
--- a/rpg/login.html
+++ b/rpg/login.html
@@ -0,0 +1,36 @@
+<!doctype html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>login</title>
+        <link rel="stylesheet" href="css/base.css" />
+        <link rel="stylesheet" href="css/login.css" />
+        <script type="text/javascript" src="javascript/libs/jquery.js"></script>
+    </head>
+    <body>
+        <div id="login_form">
+            <h1>Login</h1>
+            <ul>
+                <li>
+                    <input
+                        type="text"
+                        name="player"
+                        placeholder="player"
+                        id="loginInput"
+                    />
+                </li>
+                <li>
+                    <input
+                        type="password"
+                        name="passowrd"
+                        placeholder="senha"
+                        id="loginInput"
+                    />
+                </li>
+                <li><input type="submit" id="loginBtn" value="Login" /></li>
+                <li><a href="registro.html">Criar conta</a></li>
+            </ul>
+        </div>
+    </body>
+</html>
--- a/rpg/registro.html
+++ b/rpg/registro.html
@@ -0,0 +1,63 @@
+<!doctype html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>registrar</title>
+        <link rel="stylesheet" href="css/base.css" />
+        <link rel="stylesheet" href="css/register.css" />
+        <script type="text/javascript" src="javascript/libs/jquery.js"></script>
+    </head>
+    <body>
+        <div id="register_form">
+            <h1>registrar</h1>
+            <ul>
+                <li>
+                    <img src="images/none.png" id="imgClick" />
+                    <input
+                        type="file"
+                        id="inputImagem"
+                        accept="image/*"
+                        name="PlayerImage"
+                        style="display: none"
+                    />
+                </li>
+                <li>
+                    <input
+                        type="text"
+                        name="player"
+                        placeholder="player"
+                        id="loginInput"
+                    />
+                </li>
+                <li>
+                    <input
+                        type="password"
+                        name="passowrd"
+                        placeholder="senha"
+                        id="loginInput"
+                    />
+                </li>
+                <li>
+                    <input
+                        type="password"
+                        name="confirmpassowrd"
+                        placeholder="confirme senha"
+                        id="loginInput"
+                    />
+                </li>
+                <li>
+                    <textarea
+                        name="playerlore"
+                        placeholder="escreva a historia do seu personagem"
+                    ></textarea>
+                </li>
+                <li>
+                    <input type="submit" id="loginBtn" value="Registrar" />
+                </li>
+                <li><a href="login.html">Fazer login</a></li>
+            </ul>
+        </div>
+        <script type="text/javascript" src="javascript/register.js"></script>
+    </body>
+</html>