diff --git a/docs/tutorial/index.md b/docs/tutorial/index.md index a7f808cb..b08cfe68 100644 --- a/docs/tutorial/index.md +++ b/docs/tutorial/index.md @@ -28,9 +28,9 @@ import { code, testcases } from './data' # Welcome to Elysia -It's great to have you here! This playground is will help you get started with Elysia interactively. +It's great to have you here! This playground will help you get started with Elysia interactively. -Unlike traditional backend framework, **Elysia can also run in a browser** as well! Although it doesn't support all features, it's a perfect environment for learning and experimentation. +Unlike traditional backend frameworks, **Elysia can also run in a browser**! Although it doesn't support all features, it's a perfect environment for learning and experimentation. You can check out the API docs by clicking on the left sidebar. @@ -40,29 +40,29 @@ Elysia is an ergonomic framework for humans. Ok, seriously, Elysia is a backend TypeScript framework that focuses on developer experience and performance. -What makes Elysia different from other frameworks is that: +What makes Elysia different from other frameworks is: 1. Spectacular performance comparable to Golang. 2. Extraordinary TypeScript support with **type soundness**. 3. Built around OpenAPI from the ground up. 4. Offers End-to-end Type Safety like tRPC. -5. Use Web Standard, allows you to run your code anywhere like Cloudflare Workers, Deno, Bun, Node.js and more. +5. Uses Web Standards, allowing you to run your code anywhere like Cloudflare Workers, Deno, Bun, Node.js and more. 6. It is, of course, **designed for humans** first. -Although Elysia has some important concept but once get the hang of it, many people find it very enjoyable, and intuative to work with. +Although Elysia has some framework-specific concepts to learn, once users get the hang of it, many find it very enjoyable and intuitive to work with. ## How to use this playground Playground is divided into 3 sections: -1. Documentation and task on the left side (you're reading). +1. Documentation and task on the left side (what you're currently reading). 2. Code editor in the top right 3. Preview, output, and console in the bottom right ## Assignment -As for the first assignment, let's modify the code to make the server respond with `"Hello Elysia!"` instead of `"Hello World!"`. +For the first assignment, let's modify the code to make the server respond with `"Hello Elysia!"` instead of `"Hello World!"`. -Feels free to look around the code editor and preview section to get familiar with the environment. +Feel free to look around the code editor and preview section to get familiar with the environment.