Tokio Ramen Official Website

For the past three years, I have been working closely with Tokio Ramen - a local ramen restaurant located in Boynton Beach, Florida - to create and maintain their official website and branding. In continuing support of this small business, I created this front-end website using GatsbyJS to prioritize performance and Contenful for accessible data via GraphQL.

✨ Visit deployed application here ✨

Built With:

• GatsbyJS / ReactJS
• Contenful
• GraphQL
• JavaScript
• Tailwind CSS
• HTML
• npm packages:
  • Framer-Motion
  • dotenv
• Getform.io

Installation

1. Install NodeJS in your operating system
2. Install Gatsby CLI (view instructions here if needed)
3. Enter your Contenful SPACE_ID and ACCESS_TOKEN into a .env file
4. Enter your Getform.io account's endpoint as REACT_APP_CONTACT_FORM_ID in the same .env file
5. Install all of the dependencies listed above via command-line in terminal by entering npm install.
6. To compile the development build of the website, execute the following command in the root:

gatsby develop

7. Compile a production build when the website is complete by running:

gatsby build

Questions

For any questions about this repository, please contact me at hayashi.demi@gmail.com.

Please visit my GitHub to view more of my works at github.com/demivlkv.