TTPLAYS - A starter project for TTPLAYS Stack

What is TTPLAYS?

TTPLAYS stands for TypeScript, TailwindCSS, Prisma, Lucia Auth, Your Database, and Superforms. It is a Sveltekit-Stack that uses these technologies to create a full-stack web application.

What is included?

• T - TypeScript - A typed superset of JavaScript that compiles to plain JavaScript.
• T - TailwindCSS - A utility-first CSS framework for rapidly building custom designs.
• P - Prisma - A database toolkit for Typescript and Node.js.
• LA - Lucia Auth - Lucia is an auth library for TypeScript that abstracts away the complexity of handling users and sessions. It works alongside your database to provide an API that's easy to use, understand, and extend.
• Y - Your Database - A database of your choice.
• S - Superforms - Superforms is a SvelteKit library that gives you a comprehensive solution for server and client validation, and client-side display of forms.

Getting Started

Prerequisites

• Node.js - You need to have Node.js installed on your machine.

Installation

1. Clone the repo

   git clone https://github.com/itzAmka/TTPLAYS.git
   

2. Install NPM packages

    npm install
   
    # OR
    yarn
   
    # OR
    pnpm install
   

3. Create a .env file in the root directory and add the following environment variables:

   DATABASE_URL="YOUR_DATA_BASE_URL"
   

4. Run the Prisma commands to generate the Prisma client and migrate the database

   npx prisma generate
   

5. Run the development server

   npm run dev
   
   # OR
   yarn dev
   
   # OR
   pnpm dev
   

6. Open http://localhost:5173 with your browser to see the result.

7. That's it! You're ready to start building your app. Enjoy your time with TTPLAYS Stack 😊🎉

License

Distributed under the MIT License. See LICENSE for more information.

Contact

Acknowledgements

• SvelteKit
• TypeScript
• TailwindCSS
• Prisma
• Lucia Auth
• Superforms
• Vite

Authors

• itzAmka (Amin) - Twitter - GitHub - Website

Contributing

Contributions, issues, and feature requests are welcome! Thank you for contributing to this project.

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project! Thank you for your support!