An open API service indexing awesome lists of open source software.

https://github.com/sergiolemus/lesson-management

Sample Lesson Management App
https://github.com/sergiolemus/lesson-management

drizzle mui mui-material nextjs react turso typescript vercel

Last synced: 3 months ago
JSON representation

Sample Lesson Management App

Awesome Lists containing this project

README

          

This is a [Next.js](https://nextjs.org) + [Typescript](https://www.typescriptlang.org/) + [Drizzle ORM](https://orm.drizzle.team/) + [Turso](https://turso.tech/) + [MUI](https://mui.com/) project.

Screenshot 2025-05-12 at 6 17 55 AM

## Getting Started

First, add respective `ENV` variables:

```bash
TURSO_DATABASE_URL=
TURSO_AUTH_TOKEN=
```

Second, create database tables:

```bash
pnpm add -D drizzle-kit tsx
npx drizzle-kit push
```

Third, run the development server:

```bash
pnpm install
pnpm dev
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

## Documentation

To reference overall architectural design, take a look at the following resources:

- [Architectural Design Documentation](https://docs.google.com/document/d/1hpuTu4Vf8ZCETOAINIdcOVoTvk5JZtHubMaPXTfEvVI/edit?usp=sharing) - learn in detail what went into designing the app.
- [Postman API Documentation](https://elements.getpostman.com/redirect?entityId=9097830-c8ad2383-8477-4d51-a41b-7fa2a9974b37&entityType=collection) - learn in detail how to connnect via API's.

## Learn More

To learn more about Next.js, take a look at the following resources:

- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.

To learn more about Typescript, take a look at the following resources:

- [Typescript Documentation](https://www.typescriptlang.org/docs/handbook/intro.html) - learn about Typescript features and API.
- [Typescript Playground](https://www.typescriptlang.org/play/) - an interactive IDE for Typescript learning.

To learn more about Drizzle ORM, take a look at the following resources:

- [Drizzle Documentation](https://orm.drizzle.team/docs/overview) - learn about Drizzle features and API.
- [Drizzle x Turso Documentation](https://orm.drizzle.team/docs/get-started/turso-new) - learn about integrating with Turso.

To learn more about Turso, take a look at the following resources:

- [Turso Documentation](https://docs.turso.tech/introduction) - learn about Turso features and DB.

To learn more about MUI Components, take a look at the following resources:

- [MUI Documentation](https://mui.com/material-ui/getting-started/) - learn about MUI Components and API.
- [MUI Components](https://mui.com/material-ui/all-components/) - a set of detailed pages surrounding usage.

## Deploy on Vercel

The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.

Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.

## Screenshots

Screenshot 2025-05-12 at 6 18 14 AM

Screenshot 2025-05-12 at 6 18 30 AM

Screenshot 2025-05-12 at 6 18 37 AM

Screenshot 2025-05-12 at 6 18 52 AM

Screenshot 2025-05-12 at 6 19 01 AM

Screenshot 2025-05-12 at 6 20 08 AM

Screenshot 2025-05-12 at 6 18 04 AM

Screenshot 2025-05-12 at 6 20 28 AM

Screenshot 2025-05-12 at 6 20 49 AM

Screenshot 2025-05-12 at 6 20 53 AM

Screenshot 2025-05-12 at 6 21 17 AM

Screenshot 2025-05-12 at 6 25 25 AM

Screenshot 2025-05-12 at 6 26 34 AM

Screenshot 2025-05-12 at 6 28 18 AM