Git Product home page Git Product logo

code-inspiration's Introduction

version Build Status License: MIT Cypress.io

Capture snippets of code inspiration while on the go. It works offline too! (After your first visit.)

https://code-inspiration.surge.sh

Older demos

https://code-inspiration-svelte.surge.sh (built with Svelte and its Sapper framework)

and https://code-inspiration-react.surge.sh (built with React and create-react-app)

You can run PageSpeed tests: for the Svelte version and for the React version

Run locally (note: commands use yarn instead of npm)

Just once:

git clone https://github.com/hchiam/code-inspiration.git
cd code-inspiration
yarn

and then:

yarn dev

Test

yarn test

bash show_dep_graph.sh.

Old: (React version)

(Dependency graph.)

New: (Svelte version)

(Dependency graph.)

Build production version (you can run it locally too)

yarn build

Export in prep for static site hosting

npx sapper export

Or just publish to static site hosting in one step

yarn surge

⬆️ That will run npx sapper export; surge __sapper__/export https://code-inspiration.surge.sh; open https://code-inspiration.surge.sh

code-inspiration's People

Contributors

dependabot[bot] avatar hchiam avatar

Stargazers

 avatar

Watchers

 avatar  avatar  avatar

code-inspiration's Issues

quick fixes

  • "Ideas:" <h2>
  • "//" button
  • "<>" button
  • move preview above input so mobile looks better(?) [EDIT: nah]

Remove <> button

Where: whichever branch wins out after #38.
Why: it takes up a whole line in mobile (valuable real estate that pushes other things down below the reduced fold when the keyboard is up).

link updates

  • Change links to svelte and react.
  • Update perf links to match.
  • Make new link latest with no suffixes.
  • Add that new link as a 3rd one in the readme.

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.