SOUL|TECH

01

Frontend project

SoulKitchen is an elegant restaurant website built with Next.js, featuring a dynamic menu, interactive gallery, and Google Maps integration. The app delivers a seamless user experience with a responsive design, smooth animations, and immersive visuals, enhancing fine dining online.

  • Next.js
  • Tailwind CSS
  • Framer Motion
  • Google Maps API
  • React Icons
  • Next.js
  • Tailwind CSS
  • Framer Motion
  • Google Maps API
  • React Icons
  • Three.js
  • GSAP
  • React
  • Tailwind CSS
  • Three.js
  • GSAP
  • React
  • Tailwind CSS
  • Next.js (App Router, SSR & Client Components)
  • React
  • Tailwind CSS (Utility-first styling)
  • Zustand (Lightweight global state management)
  • Stripe (Checkout session + payment gateway)
  • EmailJS (Email automation for contact and order receipts)
  • Framer Motion (Animation & transitions)
  • MongoDB Atlas (NoSQL database for persistent data)
  • Mongoose (ODM - data modeling for MongoDB)
  • Vercel (CI/CD deployment)
  • dotenv (Environment variable management)
  • React Icons & ShadCN UI (UI components & icons)
  • ESLint & Prettier (Linting & code formatting)
  • Next.js (App Router, SSR & Client Components)
  • React
  • Tailwind CSS (Utility-first styling)
  • Zustand (Lightweight global state management)
  • Stripe (Checkout session + payment gateway)
  • EmailJS (Email automation for contact and order receipts)
  • Framer Motion (Animation & transitions)
  • MongoDB Atlas (NoSQL database for persistent data)
  • Mongoose (ODM - data modeling for MongoDB)
  • Vercel (CI/CD deployment)
  • dotenv (Environment variable management)
  • React Icons & ShadCN UI (UI components & icons)
  • ESLint & Prettier (Linting & code formatting)
  • Next.js 15 (App Router)
  • React 19
  • Tailwind CSS
  • Framer Motion
  • SWR (Data Fetching)
  • TMDB API
  • React YouTube
  • Swiper.js
  • NextAuth (Authentication)
  • React Modal
  • Axios
  • @mui/material & icons
  • @emotion/styled
  • Tailwind Scrollbar Hide
  • Vercel (Deployment)
  • Next.js 15 (App Router)
  • React 19
  • Tailwind CSS
  • Framer Motion
  • SWR (Data Fetching)
  • TMDB API
  • React YouTube
  • Swiper.js
  • NextAuth (Authentication)
  • React Modal
  • Axios
  • @mui/material & icons
  • @emotion/styled
  • Tailwind Scrollbar Hide
  • Vercel (Deployment)
  • React.js
  • CSS
  • Javascript
  • React Icons
  • Firebase
  • React.js
  • CSS
  • Javascript
  • React Icons
  • Firebase
  • React.js 19
  • Next.js 15
  • Tailwind CSS
  • Framer Motion
  • GSAP
  • Radix UI
  • React Hook Form
  • Zod
  • EmailJS
  • Nodemailer
  • Express Rate Limit
  • Swiper.js
  • Lucide React
  • React Icons
  • Validator.js
  • React.js 19
  • Next.js 15
  • Tailwind CSS
  • Framer Motion
  • GSAP
  • Radix UI
  • React Hook Form
  • Zod
  • EmailJS
  • Nodemailer
  • Express Rate Limit
  • Swiper.js
  • Lucide React
  • React Icons
  • Validator.js
  • Next.js 14
  • App Router
  • Tailwind CSS
  • Pexels API
  • Lucide Icons
  • Responsive UI
  • Mock JSON Data
  • Dynamic Routing
  • Search Filters
  • Mobile Navigation
  • Next.js 14
  • App Router
  • Tailwind CSS
  • Pexels API
  • Lucide Icons
  • Responsive UI
  • Mock JSON Data
  • Dynamic Routing
  • Search Filters
  • Mobile Navigation