Taste-Trail

Taste-Trail: A sleek dashboard for food orders, featuring authentication, search, ordering, and payment.

📋 Table of Contents

1. 🤖 Introduction
2. ⚙️ Tech Stack
3. 🔋 Features
4. 🤸 Quick Start
5. 🚀 More

🤖 Introduction

Taste-Trail is a modern web application designed for seamless online food ordering. Its dashboard-style interface is packed with features tailored for culinary enthusiasts.

Ensure secure access with user authentication. Explore a wide variety of dishes effortlessly with robust search and filtering options. Simplify the ordering process with intuitive features, facilitating quick transactions.

Rest assured with a secure payment gateway for safe and hassle-free payments. Whether you're trying out new cuisines or craving your favorite dish, Taste-Trail offers a comprehensive suite of tools to enhance your dining experience.

⚙️ Tech Stack

• Next.js
• TypeScript
• Zustand
• MongoDB
• NextAuth
• Cloudinary
• Stripe
• Shadcn
• TailwindCSS

🔋 Features

✨ Modern Dashboard Design: Crafted a sleek, intuitive web app for streamlined food ordering, with a focus on contemporary aesthetics and user-friendly navigation.

🔒 User Authentication: Ensured secure access with seamless registration, login, and route protection, prioritizing user data safety.

🔍 Advanced Search and Filtering: Implemented powerful search and filtering capabilities for effortless browsing and selection of food items.

🛒 Effortless Ordering Experience: Enabled smooth ordering processes with intuitive features and integrated payment gateway for frictionless transactions.

👨‍💼 Admin Management Tools: Provided administrators with easy-to-use capabilities for managing the food menu, including addition, deletion, and modification of options.

🚀 Next.js with TypeScript: Leveraged Next.js with TypeScript for frontend development, ensuring reliability, robustness, and scalability.

🎨 Tailwind CSS Styling: Styled the application using Tailwind CSS to deliver a polished, responsive user interface, enhancing user engagement and satisfaction.

💾 Efficient Data Storage: Employed MongoDB for efficient data storage, facilitating the seamless management of the food menu and orders.

🤸 Quick Start

Follow these steps to set up the project locally on your machine.

Prerequisites

Make sure you have the following installed on your machine:

• Git
• Node.js
• npm (Node Package Manager)

Cloning the Repository

git clone https://github.com/DanteTerry/taste-trail-v2.git
cd taste-trail-v2

Installation

Install the project dependencies using npm:

npm run dev

Set Up Environment Variables

Create a new file named .env in the root of your project and add the following content:

#NEXT
NEXT_PUBLIC_LOCALHOST=


#MONGODB
MONGODB_USERNAME=
MONOGODB_PASSWORD=
MONGODB_STRING_URI=

#NEXTAUTH
NEXTAUTH_SECRET=
NEXTAUTH_URL=
NEXTAUTH_URL_INTERNAL=
NEXTAUTH_URL_EXTERNAL=

#GOOGLE
GOOGLE_CLIENT_ID=
GOOGLE_CLIENT_SECRET=

#STRIPE
STRIPE_SECRET_KEY=
STRIPE_WEBHOOK_SECRET=

Replace the placeholder values with your actual respective account credentials. You can obtain these credentials by signing up on the Google, MongoDB, Cloudinary and Stripe

Running the Project

npm run dev

Open http://localhost:3000 in your browser to view the project.

Connect with Me

Feel free to reach out if you have any questions, feedback, or just want to chat! You can connect with me via:

• Email: Arpityadav2998@gmail.com
• LinkedIn: Arpit Yadav
• Twitter: @Arpit685895

Thank you for visiting