Git Product home page Git Product logo

food-blog's Introduction

Food-Blog

Bobby Food Blog will be a website dedicated on all the recipes and food that Ive created. The Blog will be manage by regiester users, which will have the ability to add, delete, modify all recipes. The blog is created to consolidate all the recipes into one easy to access website created by me! It will contain feature that I believe will make it easy to use and a design that will be impressive and intriguing!

Goals

Bobby Food BlogRails will use Ruby on rails as a backend server acting as the API and React as the frontend. It will contain Authorization using Ruby on rails. The relational database will contain user, food, and post where the user will have a one to many relation to food and food will have a one to many to post. The Blog will contain full CRUD in user, and foods. This website will use Flex and Grid for styling, different libraries are pending.

Deployment

Deployed on Surge/Heroku

Post-Completetion Goals

  • Filter and sort for the foods
  • Nightmode
  • Carousel
  • Search bar feature
  • Ability to Favorite a comment
  • Voting for post/comments
  • Voting for Food
  • Add a section for Food
  • Add a section for travel

Wireframes

https://whimsical.com/BZpDLATNEY45sCXEW4Dmgp

Component Hierachy

https://whimsical.com/Wr6UkaTJzunfeDh8uTXS7f

ERD (Entity Relationship Diagram)

https://drive.google.com/file/d/1TyT0HJOwY2Y4jq6nxxYaoRU5W3ZdGKEu/view?usp=sharing

Techologies

React Ruby on Rails

TimeFrame

  • Backend - Day one(8 hours)
  • Frontend Applications - Day two(8 hours)
  • Frontend Applications - Day three(8 hours)
  • Styling - Day four (8 hours)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.