Screamo Stack

Overview

The Remix Screamo Stack is a comprehensive stack for building full-stack applications. It includes various tools and technologies such as Vercel deployment, GitHub Actions, Remix Auth for authentication, Prisma for database ORM, Tailwind for styling, and more. This stack allows users to easily develop, test, and deploy their applications.

Features

• Vercel deployment for seamless deployment of applications
• GitHub Actions for automatic deployment to production and staging environments
• Remix Auth for handling authentication, including email/password and example OAuth
• Prisma for database ORM
• MySQL database integration with PlanetScale
• Styling with Tailwind CSS
• Unit testing with Vitest and Testing Library
• Code formatting with Prettier
• Linting with ESLint
• Static typing with TypeScript
• Storybook for component previewing
• Reliable integration tests with Playwright

Installation

To set up and utilize the Remix Screamo Stack, follow these steps:

1. Initial setup:

# Run the first build
npm run build

# Start the development server
npm run dev

2. To create a new user with pre-made data, use the following credentials:

   • Email: testaccount123@test.com
   • Password: password123

3. Relevant code for creating users, logging in and out, and creating and deleting notes can be found in the following files:

   • ./app/models/user.server.ts for user creation, login, and logout
   • ./app/models/widget.server.ts for creating and deleting widgets
   • ./app/utils/auth.server.ts for user authentication
   • ./app/utils/session.server.ts for user sessions and verification

Summary

The Remix Screamo Stack is a robust and feature-packed stack for building full-stack applications. With its integration of various tools like Vercel deployment, Remix Auth, Prisma, and more, developers can easily develop, test, and deploy their applications with efficiency and reliability. The stack also provides flexibility for customization, allowing users to fork and modify it according to their specific needs.