A small project, based on this Remix.run crash course, using the Ghibli API.

I've also created a simple design in Figma for this project using Tailwind tokens, you can view it here.

You can see the demo here.

Home page

Film page

1. Download this repo:

npx degit adeonir/remix-ghibli remix-ghibli

2. Install dependencies:

Before anything, you need to have pnpm installed on your machine.

pnpm install

2. Add .env file:

cp .env.example .env

3. Run the server:

pnpm dev

This starts your app in development mode, running at http://localhost:3000 and a json-server at http://localhost:3001.

The json-server is used to mock the comments API locally.

4. In a separate terminal, run the tests:

pnpm watch

• Remix
• ReactJS
• TypeScript
• Tailwind CSS

Made with ♥️ by Adeonir Kohl