A recipe diary designed to record family and friend recipes, mostly family delicacies. Recipes may be created, updated, and deleted from the app.
Project development currently in progress.
- Account Log in
- View and search recipe postings
- Update and remove a recipe
- Browse for recipes
Mobile Homepage
Recipe Details Page
Mobile view of adding ingredients
- Account Log in
- Post a recipe
- Browse for recipes
- Remove a recipe
- Edit a recipe
- Searching for a recipe
- Recipe submission through an API
- Main page pagination
- ReactJS
- ChakraUI
- React Router
- Firebase
I wanted a quick and simple way to preserve my family's recipes. I tend to forget the recipes and losing track of where I recorded them. Now I'll always have a spot to go back to when I need to refer to them.
- Optimizing lighthouse performance by implementing compression utilities
- Additional React Router concepts
- Firebase interactions as a BaaS.
- Auth, Firestore, CRUD, and Storage
- Firebase hosting
- Firebase rules
- Custom subdomain URL routing
- Advanced CSS practice utilizing Chakra UI
- CSS img srcset enabling responsive images and image performance optimizations
- CSS loading image properties
- Implementing a customized scrollbar
- Mobile first design
- Utilizing the React Context API (user auth)
- Form validation with error throwing
Copyright © 2022, CraftyBi.
Please give a ⭐️ if you like this project!