Japanese Pancake Cafe website

A unique family pancake restaurant with our main chef, Doraemon.

The website needs to be accessible because now it works only on the desktop version.

Project Brief

Create immersive web experiences using technologies such as Web Audio API, Canvas 2D/3D graphics, Three.js, WebVR/AR, and sensors/geolocation.

Criteria

• Create narrative and user experience through audiovisual storytelling.
• Articulate, in strategic terms, why the audiovisual experience is worth building.
• Built motion and animation deliverables in the browser.
• Use audio in the browser.
• Implement 2D/3D graphics in the browser.

Tools and stack:

• HTML / CSS / Vanilla JavaScript/ TypeScript / GSAP / SplitType / 2D/3D graphics in the browser

Project link:

Website: Visit the website

Third-party libraries:

• GSAP JavaScript library for animations: GSAP
• SplitType JavaScript library that splits HTML text into elements so that lines, words, and characters can be animated independently: SplitType

Project Setup Instructions:

To set up this project locally, follow the steps below:

To open the website locally:

1. Clone the Repository:

   https://github.com/hyper-island-exploring-code-project/doraemon.git

2. Install dependencies:

   npm install

3. Running the website:

   npm start

4. Open website locally