Code Monkey home page Code Monkey logo

pennapps-starter's Introduction

Convex PennApps starter project

This is a starter web application that uses Convex to store persistent data.

Convex is a combined database and backend that provides live updates so your website doesn’t have to poll API endpoints and your users don’t have to refresh the page. Convex requires writing short query and mutation functions in JavaScript or TypeScript (analogous to SQL queries) then pushing these to the Convex server. These functions can then be invoked by a web application.

How to use

First fork this example on GitHub and clone it locally with git. If using git isn't your speed, download the zip file provided by GitHub; although it will be easiest to deploy your app later if you have a GitHub repository for it.

Once you have this code locally, make sure node is installed and install the dependencies of this project in a terminal from the root directory of this repo.

npm install

After you create a Convex account at https://dashboard.convex.dev, run the following command in a terminal in the root directory of this repository.

npx convex login

Now you can initialize a new Convex project,

npx convex init

and push the Convex functions for this project.

npx convex push

All that's left to do is to run your code locally with a Convex backend with

npm run dev

Deploy this app

You can deploy this app lots of places, but a great place to run it is on Vercel.

Push your app to GitHub, create an account with Vercel, and connect this app in GitHub. This gives you deploys on every push to GitHub and every merge of a PR!

pennapps-starter's People

Contributors

thomasballinger avatar

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.