Coder Social home page Coder Social logo

bmi706-2022-ps3's Introduction

bmi706-2022-ps3

Hello, world!

Requirements

Please make sure to have the following downloaded and installed on your machine before proceeding.

If you have a preferred text editor and/or know how to manage python virtual environments, please view these requirements as recommendations.

Getting started

Create private GitHub repo from hms-dbmi/bmi706-2022-ps3

In order to work independently of your classmates, we ask that you create a private GitHub repository for this template repo. Select the Download ZIP option to download the archive for this folder.

Unzip the archive and drag the folder into VS Code. Within VS Code, select the Source Control and Publish to GitHub. Modify the name in the prompt at the top of the editor to bmi706-2022-ps3, and select Publish to GitHub Private repository.

This will create a private GitHub repository under <YOUR-GITHUB-USERNAME>/bmi706-2022-ps3. This step is essential for eventually sharing your application on Streamlit Cloud.

Making changes

You can now open your initialized project in VS Code and begin editing.

Selecting a file from the sidebar will open the file in the editor where you are free make changes.

Committing changes

A commit is a snapshot of the state of your repository at a specific time. Git keeps track of history of your repository via commits so that you can revert back to a prior version at any time. In order to synchronize your local changes with the fork on GitHub, you will need to create a new commit adding the changes you've made.

Let's practice making a commit by replacing "Hello, world" with "Hello, <your name>" at the top of this file.

  • Open README.md in VS Code.

  • Replace world at the top of the file with your name and save the file.

Note how the file tab for README.md is now yellow with an "M", signifing that it has been modified. The Source Control icon in the sidebar additionally has shows a 1, indicating that 1 file has changed.

  • Click the Source Control icon in the sidebar and enter Message describing the changes we've made. Click the "Commit" check mark to stage and commit our changes.

  • Click the Synchronize Changes to update GitHub with our latest changes

Developing with streamlit

You'll need to set up a Python environment for working your Streamlit application locally. Streamlit's only officially-supported environment manager on Windows, macOS, and linux is Anaconda Navigator. Please make sure you have this installed. (The following is adapted from Streamlit's documentation.)

Create a new Python environment with Streamlit

1.) Follow the steps provided by Anaconda to set up and manage your environment using the Anaconda Navigator.

2.) Select the "โ–ถ" icon next to your new environment. Then select "Open terminal":

3.) In the terminal that appears, type:

pip install streamlit

4.) Test that the installation worked:

streamlit hello

Streamlit's Hello app should appear in a new tab in your web browser.

Use your new environment

1.) In Anaconda Navigator, open a terminal in your environment (see step 2 above).

2.) In the terminal that appears, navigate to your local workspace and run:

streamlit run streamlit_app.py

This will open the template streamlit app in the web browser. You can now start editing the contents of streamlit_app.py, and refresh the page in your web browser we see changes.

bmi706-2022-ps3's People

Contributors

manzt avatar

Watchers

Michael Tommie McDuffie avatar Jason Stedman avatar SEHI L'YI avatar Qianwen Wang avatar  avatar

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.