Ichiraku Ramen is a responsive, anime-themed restaurant landing page inspired by the iconic ramen shop from the Naruto series. This project demonstrates modern frontend development practices including modular JavaScript architecture, NPM-based workflows, and Webpack bundling. It’s a fun, functional tribute to the anime world while showcasing real-world developer skills.
- You can see the live preview here
- 🎨 Naruto themed UI — Complete visual vibes of Ichiraku Ramen for anime lovers.
- 📱 Fully Responsive — Adapts beautifully on mobile, tablet, and desktop.
- 📦 Custom Webpack Setup — No CLI boilerplate, configured from scratch.
- 🧩 Modular JavaScript (ES6) — Organized and reusable code across components.
- 💬 Contact Form UI — Styled contact section with input elements.
- 🌆 Blurred UI Panels — Soft-glassmorphism effects for modern design.
If you want to explore, modify, or test this project on your local machine, follow these quick steps:
- Clone the repository
git clone git@github.com:RajatTheDev/Ichiraku-Ramen.git
cd Restaurant-Page- Install dependencies
Make sure you have Node.js and NPM installed. Then run:
npm install- Start the development server
This will start the app locally with hot reloading:
npm start- Build the project
To generate the production-ready build files:
npm run build- 🎨 Background Image — 3D Ichiraku Ramen shop background by a talented artist on Reddit. All rights to the original creator.
- 🍜 Ramen Illustrations — Sourced from Freepik.
- 🈶 Font: Sinosuke — Downloaded from Fontesk.
This project is for educational/demonstration purposes only. All creative credits belong to the original authors.
This project is covered by the MIT License, which means it's open for collaboration and sharing.