Welcome to Studio Ghibli Films

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.

Preview

Home page

Film page

Getting Started

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

What's inside

• Remix
• ReactJS
• TypeScript
• Tailwind CSS

Made with ♥️ by Adeonir Kohl