Taste-Trail: A sleek dashboard for food orders, featuring authentication, search, ordering, and payment.
- 🤖 Introduction
- ⚙️ Tech Stack
- 🔋 Features
- 🤸 Quick Start
- 🚀 More
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.
- Next.js
- TypeScript
- Zustand
- MongoDB
- NextAuth
- Cloudinary
- Stripe
- Shadcn
- TailwindCSS
✨ 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.
Follow these steps to set up the project locally on your machine.
Prerequisites
Make sure you have the following installed on your machine:
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.
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