{"id":20615046,"url":"https://github.com/farooq85-dev/flavor-folio-restaurant-app-using-react-js","last_synced_at":"2025-03-06T18:44:27.535Z","repository":{"id":247116599,"uuid":"822030023","full_name":"Farooq85-dev/Flavor-Folio-Restaurant-App-Using-React-Js","owner":"Farooq85-dev","description":"Hy! Everyone an exciting project on the React Js. This project is a remarkable project for me in React Js. This project will give you a unique idea to build a creative project. Just fork it and use. Thanks to my mentor @GhousAhmed. ","archived":false,"fork":false,"pushed_at":"2024-09-07T10:16:20.000Z","size":32692,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-17T04:15:29.359Z","etag":null,"topics":["firebase","login-system","signup-system"],"latest_commit_sha":null,"homepage":"https://flavor-folio-restaurant-app-using-react-mgna432cp.vercel.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Farooq85-dev.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-06-30T05:34:00.000Z","updated_at":"2024-10-07T16:24:26.000Z","dependencies_parsed_at":"2024-09-08T01:01:40.874Z","dependency_job_id":null,"html_url":"https://github.com/Farooq85-dev/Flavor-Folio-Restaurant-App-Using-React-Js","commit_stats":null,"previous_names":["farooq85-dev/flavor-folio-restaurant-app-using-react-js"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Farooq85-dev%2FFlavor-Folio-Restaurant-App-Using-React-Js","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Farooq85-dev%2FFlavor-Folio-Restaurant-App-Using-React-Js/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Farooq85-dev%2FFlavor-Folio-Restaurant-App-Using-React-Js/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Farooq85-dev%2FFlavor-Folio-Restaurant-App-Using-React-Js/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Farooq85-dev","download_url":"https://codeload.github.com/Farooq85-dev/Flavor-Folio-Restaurant-App-Using-React-Js/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":242269117,"owners_count":20100071,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["firebase","login-system","signup-system"],"created_at":"2024-11-16T11:14:14.232Z","updated_at":"2025-03-06T18:44:27.512Z","avatar_url":"https://github.com/Farooq85-dev.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# In Progress\n\n# Flavor Folio\n\nFlavor Folio is a modern web application that allows users to explore delicious recipes, track orders, and manage their orders seamlessly. Built using React.js, this project leverages MUI, ANTD, Material Tailwind, and Tailwind CSS for an enhanced UI/UX experience.\n\n## Table of Contents\n\n- [Features](#features)\n- [Technologies Used](#technologies-used)\n- [Screenshots](#screenshots)\n- [Getting Started](#getting-started)\n- [Installation](#installation)\n- [Usage](#usage)\n- [Contributing](#contributing)\n- [License](#license)\n- [Contact](#contact)\n\n## Features\n\n- User Authentication (Login/Signup)\n- Track Order\n- Checkout Process\n- Place Orders\n- Manage Restaurant Branches\n- Add to Cart\n- Order Progress Tracking\n- User Dashboard\n- Admin Panel\n\n## Technologies Used\n\n- **Frontend:** React.js\n- **UI Libraries:** MUI, ANTD, Material Tailwind, Tailwind CSS\n- **Authentication:** Firebase\n- **Database:** Firebase Firestore\n\n## Screenshots\n\n### Dashboard\n\n![Dashboard](/src/assets/dashboard.png)\n\n### Admin Panel-1\n\n![Admin Panel-1](/src/assets/admin-1.png)\n\n### Admin Panel-2\n\n![Admin Panel-2](/src/assets/admin-2.png)\n\n### Admin Panel-3 \u0026 Track Order\n\n![Admin Panel-3](/src/assets/admin-3.png)\n\n### Footer \u0026 Reviews\n\n![Footer](/src/assets/Footer.png)\n\n### Store\n\n![Footer](/src/assets/store.png)\n\n## Getting Started\n\nFollow these instructions to set up the project locally.\n\n### Prerequisites\n\n- Node.js (v14.x or later)\n- npm (v6.x or later)\n\n### Installation\n\n1. **Clone the repository:**\n\n   ```sh\n   git clone https://github.com/Farooq85-dev/Flavor-Folio-Restaurant-App-Using-React-Js\n   cd flavor-folio\n\n   ```\n\n2. Install dependencies:\n\n```\nnpm install\n```\n\n3. Set up Firebase:\n\n```\n// src/config/firebaseConfig.js\nimport { initializeApp } from \"firebase/app\";\nimport { getAuth } from \"firebase/auth\";\nimport { getFirestore } from \"firebase/firestore\";\n\nconst firebaseConfig = {\n  apiKey: \"YOUR_API_KEY\",\n  authDomain: \"YOUR_AUTH_DOMAIN\",\n  projectId: \"YOUR_PROJECT_ID\",\n  storageBucket: \"YOUR_STORAGE_BUCKET\",\n  messagingSenderId: \"YOUR_MESSAGING_SENDER_ID\",\n  appId: \"YOUR_APP_ID\"\n};\n\nconst app = initializeApp(firebaseConfig);\nconst auth = getAuth(app);\nconst db = getFirestore(app);\n\nexport { auth, db };\n\n//Import necessary methods\n```\n\n4. Start the development server:\n\n```\nnpm run dev\nor\nyarn run dev\n```\n\n### Usage\n\n👤 Sign Up / Log In: Create a new account or log in with your existing credentials.\n👤 Dashboard: Access your user dashboard to manage your orders and profile.\n👤 Admin Panel: Admin users can access the admin panel to manage the entire platform.\n👤 Track Orders: Track the status of your orders in real-time.\n👤 Add to Cart: Browse through recipes and add your favorite items to the cart.\n👤 Checkout: Complete your order with a seamless checkout process.\n\n### Contributing\n\nWe welcome contributions from the community. To contribute:\n\n1. Fork the repository.\n2. Create a new branch.\n3. Make your changes.\n4. Submit a pull request.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffarooq85-dev%2Fflavor-folio-restaurant-app-using-react-js","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffarooq85-dev%2Fflavor-folio-restaurant-app-using-react-js","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffarooq85-dev%2Fflavor-folio-restaurant-app-using-react-js/lists"}