Neumorphism with Expo

web demo: Expo Neumorphism

Table of Contents

• Install & Build
• Features
• Linting
• Deploy to Zeit
• Release Notes

Install & Build

First, make sure you have Expo CLI installed: npm install -g expo-cli

Install: yarn or yarn install

Run Project Locally: yarn dev or yarn start

Features

• Expo SDK 44
• iOS, Android and PWA (Web App)
• React Navigation v6
• React Context
• PropTypes

Linting

• run: yarn lint for a list of linting warnings/error in cli
• prettier and airbnb config
• make sure you have prettier package installed on your atom/vscode editor
• then make sure to enable these options (packages → prettier):
  • eslint integration
  • stylelint integration
  • automatic format on save (toggle format on save)
• be aware of the .prettierignore file

Deploy to Zeit

• to create a web build run: yarn web-build or expo build:web
• this will create a /web-build directory
• then cd into that directory and run: now
  • i named my deploy by running: now --name expo-neumorphism
  • which produced this url: https://expo-neumorphism.calebnance.now.sh

Release Notes

version 0.0.1 (current)

• upgraded to Expo SDK 44
• upgraded to Expo SDK 43
• upgraded to React Navigation v6
• upgraded to Expo SDK 42
• upgraded to Expo SDK 41
• upgraded to Expo SDK 40
• upgraded to Expo SDK 39
• upgraded to Expo SDK 38
• upgraded to Expo SDK 37
• started on Expo SDK 36
• started with React Navigation v5
• using expo-linear-gradient

Inspiration / Tools

• Alexander Plyuto's dribbble
• Neumorphism in user interfaces
• Neumorphism.io