humanitera

Humanitera

A small e-commerce made with Svelte, where you can buy shoes made with a sustainable mindset with recycled materials.

Humanitera

Humanitera is a small e-commerce made with Svelte, JavaScript, HTML & CSS where you can buy sustainable shoes.

Project Information

Humanitera is a different concept shop where users can buy sustainable footwear made from recycled materials. The website is responsive and has a shopping cart modal where users can insert discount codes and get a discount for their first order.

Preview

Home Page- computer version

Products - computer version

Shopping Cart - computer version

Home Page - mobile version

Products - mobile version

Shopping Cart - mobile version

Theme Colors

Installation and Setup Instructions

Install the dependencies...

cd svelte-app
npm install

...then start Rollup:

npm run dev

Navigate to localhost:5000. You should see your app running. Edit a component file in src, save it, and reload the page to see your changes.

By default, the server will only respond to requests from localhost. To allow connections from other computers, edit the sirv commands in package.json to include the option --host 0.0.0.0.

If you're using Visual Studio Code we recommend installing the official extension Svelte for VS Code. If you are using other editors you may need to install a plugin in order to get syntax highlighting and intellisense.

Build with

- HTML
- CSS
- JavaScript
- Svelte 

Improvements

The project will be further improved by adding more functionalities to the modal and adding testing with jest.

About me

I am a junior programmer who love to learn new things.

LinkedIn  

GitHub

Top categories

Loading Svelte Themes