Welcome to Chefio, a kitchen companion app designed to assist users in creating healthy and delicious meals using ingredients available at home. This project journal outlines the journey, challenges, and features of Chefio.
- Frontend: React.js
- UI Design: Custom designs by me, OpenSourced in the Figma Community.
- Component Source: Some open-source components, with major components I designed due to design constraints.
- Navbar Component: Customized from Dev.UI with additional design elements.
- Recipe Generation: Chefio generates recipes based on user-input ingredients.
- Custom UI Components: Majority of the components, including Navbar, were designed by me.
- Layout Component: Enables static rendering of the Navbar while allowing dynamic page UI changes.
- Conditional Rendering: Implemented for various states of the web app.
- Optimized Code: Utilized objects and arrays, along with mapping for rendering data in components.
- Wireframing: Addressed challenges in the Recipes component through explanatory wireframing.
- UI Design created by me, consisting of various states of the web app.
- Navbar component customized from Dev.UI, adding unique design elements.
- Layout component introduced for static Navbar rendering with dynamic page UI changes.
- Majority of components, used multiple times, designed by me and shared on Figma Community.
- Conditional rendering of multiple components.
- Code optimization using objects and arrays.
- Implementation of mapping for rendering data in components.
- Addressed challenges in the Recipes component through explanatory wireframing.
- Enhance responsive layout for a better user experience.
- Add a profile page for personalized user interactions.
- Integrate backend functionality to enhance Chefio's capabilities further.
- Clone the repository:
git clone https://github.com/your-username/chefio.git - Install dependencies:
cd chefio && npm install - Start the project:
npm start - Open the application in your browser at
http://localhost:3000.
Please feel free to explore Chefio and give me some feedback. If you encounter any bugs or have suggestions, please reach out! Happy cooking!