This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const path = require('path') | |
module.exports = { | |
"stories": [ | |
"../src/**/*.stories.mdx", | |
"../src/**/*.stories.@(js|jsx|ts|tsx)" | |
], | |
"addons": [ | |
"@storybook/addon-links", | |
"@storybook/addon-essentials", |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
module.exports = { | |
style: { | |
postcss: { | |
plugins: [ | |
require('tailwindcss'), | |
require('autoprefixer'), | |
], | |
}, | |
}, | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import './App.css'; | |
function App() { | |
return ( | |
<div className="w-full h-screen mx-auto container flex flex-col items-center justify-center"> | |
<div className="items-center flex flex-col items-center bg-blue-400 px-16 py-12 rounded-lg shadow-xl"> | |
<div className="text-2xl text-white font-extrabold ">React + Tailwind + Storybook</div> | |
<div className="text-lg text-white font-medium">Much awesome frontend development!</div> | |
</div> | |
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@tailwind base; | |
@tailwind components; | |
@tailwind utilities; | |
@tailwind forms; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
module.exports = { | |
purge: ['./src/**/*.{js,jsx,ts,tsx}', './public/index.html'], | |
darkMode: false, // or 'media' or 'class' | |
theme: { | |
extend: {}, | |
}, | |
variants: { | |
extend: {}, | |
}, | |
plugins: [ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const chai = require('chai') | |
chai.should() | |
const { makeExecutableSchema } = require('graphql-tools') | |
const { graphql } = require('graphql') | |
const mockQuoteService = () => { | |
return "Foo is never a substitute for Bar" | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const express = require ('express') | |
const { ApolloServer, gql } = require('apollo-server-express') | |
const fetch = require('node-fetch') | |
const typeDefs = gql` | |
type Query { | |
quote: String | |
} | |
` |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const express = require ('express') | |
const { ApolloServer, gql } = require('apollo-server-express') | |
const typeDefs = gql` | |
type Query { | |
greeting(username: String!): String | |
} | |
` | |
const resolvers = { |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const express = require ('express') | |
const { ApolloServer, gql } = require('apollo-server-express') | |
const typeDefs = gql` | |
type Query { | |
greeting: String | |
} | |
` | |
const resolvers = { |
NewerOlder