[{"data":1,"prerenderedAt":62},["ShallowReactive",2],{"project-\u002Fportfolio\u002Fweb-application\u002Frecipe-manager-react":3},{"id":4,"title":5,"archived":6,"body":7,"carousel":42,"category":43,"description":44,"displayOrder":45,"extension":46,"featured":47,"features":48,"fullImage":42,"image":52,"imageAlt":53,"meta":54,"mockup":42,"navigation":6,"path":55,"repo":56,"seo":57,"stem":58,"subhead":59,"url":60,"__hash__":61},"projects\u002Fportfolio\u002Fweb-application\u002Frecipe-manager-react.md","Recipe Manager - React",true,{"type":8,"value":9,"toc":38},"minimark",[10,14,29,32,35],[11,12,13],"p",{},"My Recipe Manager is a re-written version of my previous MEAN Recipe Manager.",[11,15,16,17,22,23,28],{},"The application is written using ",[18,19,21],"a",{"href":20},"https:\u002F\u002Ffacebook.github.io\u002Freact\u002FReact","React JS","\nmaking it very easy to build interactive components for the view and handle user\ninput. React also proved to work very well with\n",[18,24,27],{"href":25,"target":26},"https:\u002F\u002Ffirebase.google.com\u002F","blank","Firebase"," which I\nused for the database.",[11,30,31],{},"The Firebase real-time database meant that changes were shared across clients and\nre-rendered using React.",[11,33,34],{},"In addition to using the Firebase real-time database, I also used Firebase Auth\nto handle user authentication, Firebase Hosting to host the application over HTTPS,\nand Firebase Cloud functions to trigger notifications when changes were made to\nthe database.",[11,36,37],{},"This was also my first step into using CSS Flexbox which enabled me to create\nthe responsive layout quickly and without the need for a CSS framework.",{"title":39,"searchDepth":40,"depth":40,"links":41},"",2,[],null,"web-application","Recipe Manager V2 - A re-write of my original Recipe Manager Application that is written in React with a Firebase backend.",5,"md",false,[49,50,21,51,27],"HTML5","CSS3","NodeJS","\u002Fimages\u002Fprojects\u002Fweb-application\u002Frecipe-manager.jpg","My Recipe Manager - Recipe Web Application",{},"\u002Fportfolio\u002Fweb-application\u002Frecipe-manager-react","https:\u002F\u002Fgithub.com\u002Fforbesg\u002Fmy-recipe-manager",{"title":5,"description":44},"portfolio\u002Fweb-application\u002Frecipe-manager-react","Manage Your Recipes with React and Firebase","https:\u002F\u002Fmy-recipe-manager.firebaseapp.com\u002F","PM0_BSXs5U7mw8J8fHv6WSdZo_V8HFyysR59MJAxOPY",1794397889387]