megmaciver13 / gottabeglutenfree-front

Home Page:http://gottabeglutenfree.surge.sh/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Gottabeglutenfree (front end)

A full-stack website filled with approachable gluten free recipes and meal ideas, served with a side of personal commentary. (The seed data was taken from my previous WordPress blog.)

GBGF Deployed

The repo for the back end can be found at: https://github.com/megmaciver13/gottabeglutenfree-back.

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.

Prerequisites

You will need node installed on your local system.

Ensure that the API for the back end is working at: https://gottabeglutenfree.herokuapp.com/.

Installing

Once you have the project files, run:

npm install

Deployment

To deploy this on your local system, run:

npm start

Deployed Website

To visit the deployed version of this website, visit: http://gottabeglutenfree.surge.sh/.

Built With

  • React - The web framework used
  • Node - For development and dependency management
  • Heroku - The back end used

Development of App

Below are the planning documents I drew to plan out the development.

Wireframes

Wireframes

Component Tree Planning

Components

Unsolved problems

I am still working on the update functionality in the EditPost component and the create functionality in the NewPost component. For both, a challenge has been the nested nature of both ingredient data and direction data in my database (and local state).

Author

Meg MacIver - find her on GitHub

About

http://gottabeglutenfree.surge.sh/


Languages

Language:JavaScript 89.3%Language:CSS 6.1%Language:HTML 4.6%