🍴 Tarkhineh App Project

A restaurant website with multiple branches and diverse menus, where users can browse different categories.

Table of Contents

• Features
• Packages
• Project Structure
• Acknowledgements
• Contact Information

Features

• Fully responsive design styled with Tailwind CSS
• Interactive menu with multiple categories
• Smooth navigation between pages
• Developed based on a real UI/UX design
• Includes search, filter, and sort functionality for food
• Beautiful sliders integrated across pages

Packages

• react-router-dom: Routing and navigation for React applications.
• axios: HTTP client for data fetching.
• react-hook-form: Form handling and validation.
• react-hot-toast: Customizable toast notifications.
• swiper: Modern touch slider for creating responsive carousels and sliders.

Project Structure

project-root/
│
├── public/           # Public assets available directly
│ ├── Fonts/          # Custom fonts used in the project
│ └── Images/         # Static images and icons
│
├── src/              # Main source code
│ ├── Contexts/       # React context providers for global state
│ ├── Features/       # Components representing the project's main features
│ ├── Hooks/          # Custom React hooks
│ ├── Icons/          # Project custom svg icons
│ ├── Pages/          # Different pages/routes in the application
│ ├── Providers       # Application-level providers
│ ├── UI/             # Shared UI elements (buttons, inputs, modals, etc.)
│ ├── Utils/          # Utility/helper functions
│ ├── App.jsx         # Root component that defines the app structure
│ ├── index.css       # Global stylesheet for the application
│ └── main.jsx        # Application entry point that renders the root component
│
└── README.md         # Project documentation

Acknowledgements

Special thanks to Ehsan Ezzati and his team for designing the UI/UX of this project.

Contact Information

For any questions or feedback, please reach out at ghasemi84mahdi@gmail.com.