GithubHelp home page GithubHelp logo

shirajuki / jukirecipes Goto Github PK

View Code? Open in Web Editor NEW
1.0 3.0 1.0 10.44 MB

[WIP] Recipe book PWA React application ๐Ÿ“‘ - organizes and saves food recipes using Sanity in case I ever forget making them ๐Ÿฃ

License: MIT License

HTML 3.08% JavaScript 65.07% CSS 3.94% SCSS 27.68% Shell 0.22%
react reactjs sanity-io webstorageapi pwa-app pwa recipe-app

jukirecipes's Introduction

Figma design of the application

Jukirecipes

A Recipe book PWA React application to organize and save food recipes using Sanity CMS c:

Try the application here

https://shirajuki.js.org/jukirecipes

Figma design

https://www.figma.com/file/ptIEWo50Ftxj3I791KzNSA/Jukirecipes?node-id=0%3A1

Built With

  • JavaScript
  • React framework
  • HTML5
  • SCSS
  • Service Workers (PWA)
  • Sanity

Setup

If you want to check out the code yourself, follow these instructions:

1. Clone the repository
git clone [email protected]:Shirajuki/jukirecipes.git
2. Install dependencies
cd jukirecipes && npm install
3. Install dependencies for sanity
cd sanity && npm install
4. Create own Sanity project at https://www.sanity.io/manage and get the project id
5. Edit /jukirecipes/sanity/sanity.json and /jukirecipes/sanity.json with the new project id
6. Start Sanity Desk locally or deploy to production
npm start
# or
npm run deploy
7. The website view should run at http://localhost:3000/

License

Distributed under the MIT License. See LICENSE for more information.

jukirecipes's People

Contributors

shirajuki avatar

Stargazers

 avatar

Watchers

 avatar  avatar  avatar

Forkers

imisstherage1

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.