Giter Club home page Giter Club logo

fyc-sveltekit'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.

fyc-sveltekit's People

Contributors

yummyume avatar spacelocust avatar leobruant avatar

Watchers

avatar

fyc-sveltekit's Issues

[FEATURE] Score

  • Create the Action to add a score for a recipe on the recipe page
  • Create a component to show the global score

A user can change the score he has set for the recipe

See figma for the idea of implementation

[FEATURE] Improve Carlos Chatbot

  • Improve responsive for Carlos chatbot
  • Maybe reduce the height of the dialog header (especially for mobile)
  • Maybe change some colors/max-height settings
  • Improve the "clear messages" and "carlos can access the page" position
  • Handle errors (marked as TODO), maybe toasts?

[FEATURE] Reviews

  • Create the Action to add a review on a recipe page
  • Create components for the reviews section (see figma)
    • Form (only a textarea)
    • Card component

The user can add a review for each recipe, the review will be on top of the other reviews to make it easier to delete it

[FEATURE] Similar recipe for a recipe

  • Create a ChatGPT query to get them like the search query or re-use it
  • Add a section with similar recipe for a recipe on the recipe page
  • Create a card component

The section will contain a maximum of 3 similar recipes

[FEATURE] Accompaniment list for a recipe

  • Create the ChatGPT query to generate accompaniments for a recipe
  • Create the Action accompaniment
  • Create components to show them in recipe page
    • Card component
    • Button to trigger Action (see figma)

[FEATURE] Generate grocery list for recipe

  • Create the ChatGPT query to generate a grocery list for a recipe on the recipe page
  • Create components :
    • Add a button (see figma)
    • Add a modal to show the recipe
    • Add a clipboard option
    • Add an export option (social media, text file ...)

Maybe try to stream the output

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.