TMStats is a medal tracker that shows overview of all Trackmania medals an user achieved. The website allows user to share campaign or daily maps medals with anyone.
Project focuses on multiple aspects and features:
As of right now, project has no business model and is fully free and open-sourced. Project generates expenses, and business model might be added in the future.
TMStats uses multiple frontend and backend technologies with focus of simplifying the development. Main focus of tech stack in this project is to make development fast and fun, instead of making it scalable and reliable.
Frontend:
npm install
npm run dev
If you get
Network Failed
error, it most likely means CORS error, and backend refuses your hostname. To prevent this, either make sure you uselocalhost
hostname, or make sure to add your hostname as platform inside Appwrite Project.
Backend:
You only need to spin-up backend if you man on backend changes. For frontend changes, you can skip this step as project is connected to production backend instance.
Make soure your
.env
file_APP_FUNCTIONS_RUNTIMES
variable includesdeno-1.14
runtime. This runtime is used by all functions in this project. Changes to.env
are applied using commanddocker-compose up -d
.
tmStats
appwrite login
cd backend
appwrite deploy collection
appwrite deploy functions
To prepare your changes from your Appwrite instance database to production one:
appwrite init collection
To create a new function:
appwrite init function
Make sure you create functions using
deno-1.14
runtime.
Feel free to do manual changes to appwrite.json if you are familiar with this file.
Frontend:
npm install
npm run build
build
on a static hostingFrontend build does not use any special environment variables.
Backend:
appwrite deploy collection
appwrite deploy function
Everything you need to build a Svelte project, powered by create-svelte
.
If you're seeing this, you've probably already done this step. Congrats!!!
# create a new project in the current directory
npm init svelte
# create a new project in my-app
npm init svelte my-app
Once you've created a project and installed dependencies with npm install
(or pnpm install
or yarn
), start a development server:
npm run dev
# or start the server and open the app in a new browser tab
npm run dev -- --open
To create a production version of your app:
npm run build
You can preview the production build with npm run preview
.
To deploy your app, you may need to install an adapter for your target environment.