Giter VIP home page Giter VIP logo

calvera's Introduction

create-svelte

Everything you need to build a Svelte project, powered by create-svelte.

Creating a project

If you're seeing this, you've probably already done this step. Congrats!

# create a new project in the current directory
npm create svelte@latest

# create a new project in my-app
npm create svelte@latest my-app

Developing

Once you've created a project and installed dependencies with npm install (or pnpm install or yarn), start a development server:

npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open

Building

To create a production version of your app:

npm run build

You can preview the production build with npm run preview.

To deploy your app, you may need to install an adapter for your target environment.

calvera's People

Contributors

benm-benm avatar somewhatmay avatar michewko avatar gabydd avatar

Stargazers

 avatar  avatar

Watchers

Team Arctos 6135 avatar

Forkers

benm-benm

calvera's Issues

Counter component

A simple component that displays a counter with several ways of mutating the value.
Props:

  • Label: string The visible string beside the timer.
  • HasButtons: boolean Whether the component will display up and down buttons.
  • InitialValue: number | undefined Defaults to 0.
  • Min: number | undefined Defaults to Number.MIN_VALUE
  • Max: number | undefined Defaults to Number.MAX_VALUE

Interface:

  • Visible count
    • This should be editable by clicking on it
  • Plus and minus buttons
  • Should be inline

ex.
image

Dropdowns for form creation

Now that we have a link to the spreadsheet, we should be able to auto generate lists of teams and matches if manual is not checked

Dropdown Component

A simple dropdown component that allows you to choose from options.

Props:

  • Label: string The label that appears on the left of the component.
  • Options: string[] The available choices for the dropdown menu.

Interface:

  • Label
  • Dropdown menu

ex.
image

Get validators working again

I changed some stuff which means all the validator code doesn't quite work. I'm not sure we need it but if you want to get it working again you could

Track errors in forms

This should allow forms to be submitted once all their fields are properly filled out

Information button

Create a button that appears beside the titles of some inputs in FormFlow that provides more information on what it is asking. Some scouts had difficulty understanding some of the options.

Continue using TBA?

Although the list of teams and matches was working for the latter portion of the competition at Centennial, it was somewhat annoying that the match schedule was so delayed (#19). Should we look for another way to get the schedule?

Checkbox component

I didn't know what to call this butits the yes or no box you can chec of thing.

I've created a type for this in types.ts but someone still needs to code the actual component

export type Checkbox = {
type: "Checkbox", This just lets us know what kind of component it is
id: string, makes it unique from other checkboxes
initialValue?: boolean, The default value. Should default to false.
}

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.