# Starting First Assignment on https://wasmdash.vercel.app/

**URL:** <https://community.plotly.com/t/starting-first-assignment-on-https-wasmdash-vercel-app/82174>\
**Category:** Dash Python\
**Tags:** dash-online-course\
**Created:** [February 7, 2024, 2:06am UTC](https://community.plotly.com/t/starting-first-assignment-on-https-wasmdash-vercel-app/82174 "2024-02-07T02:06:18Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![hoylerbr](https://avatars.discourse-cdn.com/v4/letter/h/7993a0/32.png) [@hoylerbr](https://community.plotly.com/u/hoylerbr)\
**Post date:** [February 7, 2024, 2:06am UTC](https://community.plotly.com/t/starting-first-assignment-on-https-wasmdash-vercel-app/82174/1 "2024-02-07T02:06:18Z")

</div>

This is a question about the Plotly dash web Assembly used in the maven course. How do we add a new program into this? I can see how to modify the examples but not how to create a new project. Or are we to do the first exercise somewhere else?

---

<div class="post-metadata">

**Author:** ![adamschroeder](https://sea2.discourse-cdn.com/flex024/user_avatar/community.plotly.com/adamschroeder/32/17280_2.png) [@adamschroeder](https://community.plotly.com/u/adamschroeder)\
**Post date:** [February 7, 2024, 2:16pm UTC](https://community.plotly.com/t/starting-first-assignment-on-https-wasmdash-vercel-app/82174/2 "2024-02-07T14:16:56Z")

</div>

hi @hoylerbr  
To work with the exercises on wasmdash, just replace the example code with the code from the exercises and click `save and run`. It’s easiest to start with the `dash-in-20.py` example and just replace that code.

Assignment 1 uses the Shades data, so make sure to incorporate that data into your app like this:

```auto
df = pd.read_csv("https://raw.githubusercontent.com/plotly/datasets/master/Dash-Course/makeup-shades/shades.csv")

```

---

<div class="post-metadata">

**Author:** ![cnweke3506](https://avatars.discourse-cdn.com/v4/letter/c/ba8739/32.png) [@cnweke3506](https://community.plotly.com/u/cnweke3506)\
**Post date:** [June 11, 2024, 10:41pm UTC](https://community.plotly.com/t/starting-first-assignment-on-https-wasmdash-vercel-app/82174/3 "2024-06-11T22:41:01Z")

</div>

hello is there a way i can do the first assignment on visual studio? or it has to be on wasmdash. if i do the projects on wasmdash, how do i save it and present it to someone

---

<div class="post-metadata">

**Author:** ![adamschroeder](https://sea2.discourse-cdn.com/flex024/user_avatar/community.plotly.com/adamschroeder/32/17280_2.png) [@adamschroeder](https://community.plotly.com/u/adamschroeder)\
**Post date:** [June 12, 2024, 2:03pm UTC](https://community.plotly.com/t/starting-first-assignment-on-https-wasmdash-vercel-app/82174/4 "2024-06-12T14:03:11Z")

</div>

hi @cnweke3506  
👋 Welcome to the community.  
There is no way to save and present to someone the app you build on WasmDash.

But yes, you can do all you assignments on Visual Studio. Just make sure to install dash and pandas into a virtual environment before you run the app:

> pip install dash  
> pip install pandas

For other libraries on wasmDash you will often see the usage of micropip.

```auto
# Import packages
import micropip
await micropip.install("dash_ag_grid")

```

This is only for wasmDash, which means that in VS Code you cannot use it. You will have to install dash-ag-grid into the virtual environment and import it like you import the other libraries:

> pip install dash-ag-grid

```auto
# Import packages
import dash_ag_grid as dag

```

---

<div class="post-metadata">

**Author:** ![Jac](https://avatars.discourse-cdn.com/v4/letter/j/df788c/32.png) [@Jac](https://community.plotly.com/u/Jac)\
**Post date:** [July 15, 2024, 2:12pm UTC](https://community.plotly.com/t/starting-first-assignment-on-https-wasmdash-vercel-app/82174/5 "2024-07-15T14:12:26Z")

</div>

Hello. I’m building a dash web application and I want to style it using CSS.  
In the wasmdash.vercel.app you have used an external stylesheets and I’m about to know if this stylesheets already exists somewhere and you took it or if you code it by yourself. In the last case, how can I do if I do not have the skills to ???

---

<div class="post-metadata">

**Author:** ![adamschroeder](https://sea2.discourse-cdn.com/flex024/user_avatar/community.plotly.com/adamschroeder/32/17280_2.png) [@adamschroeder](https://community.plotly.com/u/adamschroeder)\
**Post date:** [July 15, 2024, 2:31pm UTC](https://community.plotly.com/t/starting-first-assignment-on-https-wasmdash-vercel-app/82174/6 "2024-07-15T14:31:33Z")

</div>

hi @Jac  
👋 welcome to the community.

My recommendation is that you build your Dash app with Dash Bootstrap Components (DBC) or Dash Mantine Components. They make it very easy to style your app. Here’s an example with DBC using rows and columns. @AnnMarieW also created a very helpful [cheat sheet for styling](https://dashcheatsheet.pythonanywhere.com/) that you can use.

---

<div class="post-metadata">

**Author:** ![Jac](https://avatars.discourse-cdn.com/v4/letter/j/df788c/32.png) [@Jac](https://community.plotly.com/u/Jac)\
**Post date:** [July 16, 2024, 3:35pm UTC](https://community.plotly.com/t/starting-first-assignment-on-https-wasmdash-vercel-app/82174/7 "2024-07-16T15:35:35Z")

</div>

Thanks you. I’m glab to be here with you.

Thank for your help.