• There is NO official Otland's Discord server and NO official Otland's server list. The Otland's Staff does not manage any Discord server or server list. Moderators or administrator of any Discord server or server lists have NO connection to the Otland's Staff. Do not get scammed!

Single-Page Tibia Application - React & Material UI

Stellow

C++/C#/PHP/LUA
Joined
Oct 23, 2008
Messages
1,106
Reaction score
214
Location
Germany
GitHub
eubrunomiguel
Hello *,

This is an open source project under construction. Currently, only Account Management (Login/Register/Create Character/Edit Character/Change Password) and basic functionality (Highscore/News/Search Character) are working. It supports multi-language configuration, which is really easy to manage.

Hopefully by releasing this beta version soon, some of you may help implementing missing features.

It uses React framework to build a Single-page application, and Material Design from Google to ensure the best UX experience.

The design is based, if I not mistakenly, on a previous PHP built up by @Ninja.

Since it is client-side based, the website is strict frontend, and relies on a dedicated backend to run.

The current setup works for TFS 1.2. So you basically can run o1lab/xmysql (https://github.com/o1lab/xmysql) and have your backend ready with a few key strokes. No configuration needed. Just ensure that the service is running on http://localhost:3000 (or in a different endpoint, if you properly configure it on src/App.tsx).

To run the web, use npm or yarn, you can read more on the GitHub repository. The application was created using create-react-app, and it is pretty straightforward to run.

Why you may want to start/use this project:
  • it is fast
  • uses modern, scientific proven UX design for the best user experience
  • multi-language out-of-the-box
  • modern form validation
  • some-what single page application
  • it looks good!

You can source the files on eubrunomiguel/tibia_web (https://github.com/eubrunomiguel/tibia_web)

Screenshots:
 
Ha! was just thinking about doing something similar but with Angular.
Looks really good!
 
Nope - quite interesting Tibia is. Came across it via my GitHub repo being cross referenced here.

Read about OT server setup. Looks like mysql, phpmyadmin are involved. I will update this thread on launch of our new product. May be it can benefit your community. Good day.
 
Aw, was hoping it was made using Blazor and webassembly. Blazor's pretty neat actually. I made a RealOTS website using it and it was a breeze. No JS :D <3
Anyways, good job.
 
Back
Top