Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/yashk2000/portfolio

The flutter code for my portfolio website 💁‍♂️
https://github.com/yashk2000/portfolio

dart flutter flutter-web portfolio-website

Last synced: 8 days ago
JSON representation

The flutter code for my portfolio website 💁‍♂️

Awesome Lists containing this project

README

        

# :man_cartwheeling: portfolio

This repository contains code for my [portfolio website](https://yashk2000.github.io/) which is made using flutter.

## :1234: Getting Started

To build the project locally, first clone this repository.
```
git clone https://github.com/yashk2000/portfolio.git
```
Then enter this repository.
```
cd portfolio
```

Now we can build the website.
```
flutter build web
```

This will generate the needed files for the website and place then inside `/build/web`.

To deploy the website and test it locally, I recommend using `http-server`. Follow instructions from [this](https://www.npmjs.com/package/http-server) link to install `http-server`.

Now run the following command:
```
http-server /portfolio/build/web/
```

Google Chrome is the preffered browser for testing as refreshing here serves as hot reload. So you need not start a new server everytime you make changes to the flutter files and build the web files again.

## :spider_web: Screenshots

| ![Screenshot from 2020-05-01 13-28-08](https://user-images.githubusercontent.com/41234408/80791793-61d3d900-8bb0-11ea-9e65-58cc4bdab24b.png) | ![Screenshot from 2020-05-01 13-28-11](https://user-images.githubusercontent.com/41234408/80791810-731ce580-8bb0-11ea-88ba-71c46d12bbda.png) |
|----------------------------------------------------------------------------------------------------------------------------------------------|----------------------------------------------------------------------------------------------------------------------------------------------|
| ![Screenshot from 2020-05-01 13-28-20](https://user-images.githubusercontent.com/41234408/80791842-8cbe2d00-8bb0-11ea-8341-ce5af3f73fa1.png) | ![Screenshot from 2020-05-01 13-28-31](https://user-images.githubusercontent.com/41234408/80791935-c3944300-8bb0-11ea-8690-b7e5e6d67281.png) |
| ![1](https://user-images.githubusercontent.com/41234408/80792011-fb9b8600-8bb0-11ea-85f5-898ce420419b.jpg) | ![2](https://user-images.githubusercontent.com/41234408/80792026-0524ee00-8bb1-11ea-9285-f8a0a1c683d3.jpg) |
| ![3](https://user-images.githubusercontent.com/41234408/80792055-1d950880-8bb1-11ea-820c-6e2110fd6a80.jpg) | ![4](https://user-images.githubusercontent.com/41234408/80792034-0ce49280-8bb1-11ea-8b27-61b40f3f8678.jpg) |

## :desktop_computer: Resources

A few resources to get you started if this is your first Flutter project:

- [Lab: Write your first Flutter app](https://flutter.dev/docs/get-started/codelab)
- [Cookbook: Useful Flutter samples](https://flutter.dev/docs/cookbook)

For help getting started with Flutter, view the [online documentation](https://flutter.dev/docs), which offers tutorials,
samples, guidance on mobile development, and a full API reference.