Weekly Bytes

Weekly Bytes is an intuitive web application designed to help managers effortlessly create and share weekly meal plans while prioritizing staff safety and dietary needs.

Live Version Repo

Project Goal

The app was designed to streamline meal planning for managers. With a wide selection of delicious meals, it automatically filters out dishes containing allergens based on employee input. It then generates a randomized weekly menu, ensuring variety and avoiding repetition.

Tech Stack

React, JavaScript, Vite, Tailwind CSS
React Router, React Select, and Material UI

My Contributions

This project was built as part of a 6-week Chingu Voyage with a team of 5 developers. Some of the tasks I handled included: implementing the dropdown menu for selecting employee allergies using React Select, writing the logic to filter out meals that contain any of the selected allergens, and creating a custom hook that uses `useState` and local storage to persist filtered dishes. I also contributed to PR reviews and helped deploy the app with a custom domain.

Challenges and Thought Process

One challenge I faced was styling the React Select dropdown. Initially, it seemed like a great choice, but the more customization we needed, the harder it became to style. I considered building a custom dropdown from scratch, but realized it too late in the project, and we didn’t have enough time left to implement it.

What I Learned

How to add rules to GitHub repository branches
How to deploy and use a custom domain
How to add a pull request template
How to implement a custom hook using useState and local storage