{"id":25406565,"url":"https://github.com/sayed725/bitebank-client","last_synced_at":"2026-04-09T13:53:40.178Z","repository":{"id":271759143,"uuid":"913747898","full_name":"sayed725/BiteBank-Client","owner":"sayed725","description":"This is a user-friendly food sharing website where there is some CRUD (adding food,getting food, update food and deleting food) operations on several places. Besides that, users can also request for available food and manage requested foods.","archived":false,"fork":false,"pushed_at":"2025-02-12T11:56:02.000Z","size":70433,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-12T22:56:57.678Z","etag":null,"topics":["expressjs","firebase","mongodb","nodejs","reactjs","tailwind-css"],"latest_commit_sha":null,"homepage":"https://a-11-bite-bank.web.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/sayed725.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":"2025-01-08T09:25:30.000Z","updated_at":"2025-02-12T11:56:06.000Z","dependencies_parsed_at":"2025-02-12T05:31:03.557Z","dependency_job_id":"5ee594dd-1351-4a76-8800-647b0bef8913","html_url":"https://github.com/sayed725/BiteBank-Client","commit_stats":null,"previous_names":["sayed725/bitebank-client"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sayed725%2FBiteBank-Client","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sayed725%2FBiteBank-Client/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sayed725%2FBiteBank-Client/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sayed725%2FBiteBank-Client/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sayed725","download_url":"https://codeload.github.com/sayed725/BiteBank-Client/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248643038,"owners_count":21138353,"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":["expressjs","firebase","mongodb","nodejs","reactjs","tailwind-css"],"created_at":"2025-02-16T05:35:19.993Z","updated_at":"2025-12-30T19:18:15.399Z","avatar_url":"https://github.com/sayed725.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Bite Bank\n\nWelcome to this project.This is a user-friendly food sharing website where there is some CRUD (adding food,getting food, update food and deleting food) operations on several places. Besides that, users can also request for available food and manage requested foods.\n\n---\n\n### Live link to the deployed project\n\n\n\n- live link:   [https://a-11-bite-bank.firebaseapp.com/) \n\n- Required PDF Link:   [https://drive.google.com/file/d/1mVlCHLtUjccfoKTJd5Y-Qgbm9-n-anOp/view?usp=sharing) \n\n\n\n\n### Top features of this website/project\n\n- There is a beautiful slides showcasing images of some top foods on Banner.\n- User Login / Register Authentication and jwt Security.\n- User can add food from add food section .\n- On clicking the View Details Button navigated the logged-in user to the Food Detail page where they can explore more about their Food Info.\n- On Food Details section there is a Request button where user can request their food to prepare.\n- On Manage my food section user can view food they added \u0026 they can edit, delete also.\n- On My Request section user can view their requested food and some food details.\n- Their is a search functionality on available food page where user can search for by  foods title.\n- Their is a sort and layout toggle button in available food section where user can sort and toggle layout also.\n\n---\n\n## Tech Stack  \n### Frontend:  \n- React.js with React Router  \n- Tailwind CSS  \n- React-hook-form  \n- React-select  \n- React-share \n- Npm Date-fns\n- Npm React-Icons. \n- Npm Framer Motion.\n- Npm Axios\n- Npm Jwt \u0026 Cookie Parser\n- Npm Tanstack Query\n- Npm React Tostify \n- Npm Dot Env  \n\n### Backend:  \n- Node.js with Express.js  \n- MongoDB \n- JWT for authentication  \n\n### Deployment:  \n- Frontend: Firebase  \n- Backend: Vercel \n\n---\n\n## NPM Packages Used  \n1. **Frontend**:  \n   - `react-router-dom`  \n   - `@tanstack/react-query`  \n   - `react-hook-form`  \n   - `react-select`  \n   - `react-share`  \n   - `react charts`  \n   - `react-icons`     \n   - `react-hot-toast`  \n   - `sweetAleart2`  \n   - `react-stripejs`  \n   - `react-helmet`  \n   - `axios`  \n   - `axios`  \n\n2. **Backend**:  \n   - `express`    \n   - `dotenv`  \n   - `jsonwebtoken`  \n   - `bcryptjs`  \n   - `cors`  \n\n---\n\n\n\n## 📷 Project Images Highlights\n\n### 📷 Home Page `\"/\"` Image\n\n![Home Page](https://i.ibb.co.com/TBCLfSgR/Bite-Bnak-Home.png)\n\n### 📷 Post Details Page `\"/food-Details\"` Image\n\n![Food Details](https://i.ibb.co.com/8n0z6jx9/Bite-Bnak-fooddetails.png)\n\n### 📷 ManageFood `\"/managefood\"` Image\n\n![managefood](https://i.ibb.co.com/dsfvGV5f/Bite-bank-managefood.png)\n\n### 📷 Available Food `\"/availablefood\"` Image\n\n![availablefood](https://i.ibb.co.com/qMhRqQ4P/Bite-Bank-availablefood.png)\n\n### 📷 User add food `\"/add-food\"` Image\n\n![User add food](https://i.ibb.co.com/79hzYXN/Bite-bank-addfood.png)\n\n\n---\n\n## ⚙️ Installation \u0026 Setup\n\n### Client Setup\n\n1. Clone the repository:\n\n   ```bash\n   git clone https://github.com/sayed725/BiteBank-Client.git\n   cd BiteBank-Client\n   ```\n\n2. Install dependencies:\n\n   ```bash\n   npm install\n   ```\n\n3. Set up the environment variables in a `.env.local` file:\n\n   ```env\n   VITE_apiKey=your_firebase_apiKey\n   VITE_authDomain=your_firebase_authDomain\n   VITE_projectId=your_firebase_projectId\n   VITE_storageBucket=your_firebase_storageBucket\n   VITE_messagingSenderId=your_firebase_messagingSenderId\n   VITE_appId=your_firebase_appId\n\n   VITE_API_URL=your_server_api_link\n   VITE_STRIPE_PUBLIC_KEY=your_stripe_Publishable_Key\n   ```\n\n4. Run the development server:\n\n   ```bash\n   npm run dev\n   ```\n\n5. Open [http://localhost:5173/](http://localhost:5173/) in your browser.\n\n### Server Setup\n\n1. Clone the repository:\n\n   ```bash\n   git clone https://github.com/sayed725/BiteBank-Server.git\n   cd BiteBank-Server\n   ```\n\n2. Install dependencies:\n\n   ```bash\n   npm install\n   ```\n\n3. Set up the environment variables in a `.env` file:\n   ```env\n   DB_USER=your_db_user_name\n   DB_PASS=your_db_user_password\n   JWT_SECRET=jwt_secret_code\n   STRIPE_SECRET_KEY=your_stripe_Secret _Key\n   ```\n4. Run the development server:\n   ```bash\n   npm start\n   ```\n\n---\n\n\n\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsayed725%2Fbitebank-client","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsayed725%2Fbitebank-client","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsayed725%2Fbitebank-client/lists"}