Recipe App with React and TypeScript

Components organized according to Atomic Design. Recipes are imported initially from JSON file, and user can perform CRUD operations in memory with this data. App uses Context for recipes and theme. Other items include:

visit repo homepage

Styled components provides CSS in JS. Here is very basic example.

import styled from 'styled-components;

export const CoolComponent = styled.div`
  border: 1px solid ${props => props.theme.colors.pageBorderColor1};
  padding: 1rem;
`;