Image Uploading with SvelteKit

This is a demo project that demonstrates how to implement image uploading functionality with SvelteKit.

The project includes a simple web form that allows users to upload images.

Getting Started

To get started, follow these steps:

  1. Clone the repository to your local machine:

git clone https://github.com/JouanDeag/image-uploading-sveltekit.git

  1. Navigate to the project directory:

cd image-uploading-sveltekit

  1. Installing dependencies and running development server

Using npm

  • Install the project dependencies:

    npm install

  • Start the development server:

    npm run dev

Using pnpm

  • Install the project dependencies:

    pnpm i

  • Start the development server:

    pnpm dev

Using yarn

  • Install the project dependencies:

    yarn

  • Start the development server:

    yarn dev

  1. Open your web browser and navigate to http://localhost:5173 to view the app.

Features

The demo app includes the following features:

  • Uploading images
  • Displaying uploaded images on the page
  • Validation of uploaded images (file type, file size)

Technologies Used

The demo app was built with the following technologies:

  • SvelteKit
  • PicoCSS

Contributing

Contributions are welcome! To contribute, follow these steps:

  1. Fork the repository.
  2. Create a new branch for your feature/bugfix: git checkout -b my-feature-branch
  3. Make your changes and commit them: git commit -am 'Add new feature'
  4. Push your changes to your fork: git push origin my-feature-branch
  5. Open a pull request to the main repository.

License

This project is licensed under the MIT License. See the LICENSE file for more information.

Top categories

svelte logo

Need a Svelte website built?

Hire a professional Svelte developer today.
Loading Svelte Themes