Welcome to MCoffee,
MCoffee is a user-friendly web application designed for coffee lovers. Users can browse through the menu and search for their favorite coffee beverages from the comfort of their home or on the go.
You can visit the live page of MCoffee: here.
and you can use this email and password
email : nu@gmail.com
password : 123123
- View Menu: Browse a variety of coffee drinks and pastries.
- Order Coffee: Select and order your favorite coffee.
- User Authentication: Sign up and log in to save your orders and preferences.
- Order History: View past orders and reorder quickly.
- Framework: Next.js TypeScript
- Styling: Tailwind CSS, shadcn UI Toast Notifications
- TypeScript-first schema validation: Zod
- Database: Prisma with MongoDB
- Authentication: NextAuth JWT
Follow these steps to get a copy of the project up and running on your local machine.
- Clone the repository
git clone https://github.com/imohammedhamed/MCoffee.git
- Navigate to the project directory
cd MCoffee - Install dependencies
npm install
- Add necessary dependencies
npm install @hookform/resolvers @next-auth/prisma-adapter @prisma/client @prisma/extension-accelerate @radix-ui/react-alert-dialog @radix-ui/react-avatar @radix-ui/react-dialog @radix-ui/react-label @radix-ui/react-slot @ts-morph/common class-variance-authority clsx framer-motion lucide-react next-auth react react-dom react-hook-form react-hot-toast react-icons shadcn-ui solid-toast sonner tailwind-merge tailwindcss-animate ts-morph zod
- Add necessary dev dependencies
npm install --save-dev @types/node @types/react @types/react-dom daisyui eslint eslint-config-next postcss prisma tailwindcss ts-node typescript
- Start the application
npm run dev
After starting the application, you can access it in your web browser at http://localhost:3000. From there, you can browse the menu, select items, and place an order.
We welcome contributions to the project! To contribute, follow these steps:
- Fork the repository.
- Create a new branch.
git checkout -b feature-branch
- Make your changes.
- Commit your changes.
git commit -m "Add some feature" - Push to the branch.
git push origin feature-branch
- Open a pull request.
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.
This project uses next/font to automatically optimize and load Inter, a custom Google Font.
To learn more about Next.js, take a look at the following resources:
Next.js Documentation - learn about Next.js features and API. Learn Next.js - an interactive Next.js tutorial. You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
Deploy on Vercel The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.
For any questions or suggestions, feel free to reach out:
Email: mohammedhamed6726@gmail.com
GitHub: imohammedhamed
Enjoy your coffee with MCoffee!