Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/aviaryan/work
My open source projects portfolio. Built with React.
https://github.com/aviaryan/work
portfolio portfolio-website react react-dom redux
Last synced: 2 months ago
JSON representation
My open source projects portfolio. Built with React.
- Host: GitHub
- URL: https://github.com/aviaryan/work
- Owner: aviaryan
- License: apache-2.0
- Created: 2016-03-26T06:37:55.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2020-06-28T16:02:44.000Z (over 4 years ago)
- Last Synced: 2023-03-24T08:42:50.182Z (almost 2 years ago)
- Topics: portfolio, portfolio-website, react, react-dom, redux
- Language: JavaScript
- Homepage: http://aviaryan.github.io/work/
- Size: 355 KB
- Stars: 73
- Watchers: 6
- Forks: 18
- Open Issues: 9
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
# Showcase
[aviaryan.in/work/](https://aviaryan.in/work/)
My open source projects portfolio. Built with React.
## Features
* A completely dynamic portfolio
* Filter projects by title, tags, time etc
* Responsive
* Detail view to show more information about the project
* Light weight - bundle (JS + CSS) is around 130KB without any compression
* Unmatched Awesomeness
## Dev
```sh
yarn install
yarn start
```
For deploying
```sh
yarn build
./deploy.sh
```
## Customizing
Edit [src/data/projects.js](src/data/projects.js) to customize the projects that are being displayed.
That file contains a simple JavaScript JSON Object so it should be very easy to get started.
## Libraries Used
```sh
React
React-Router
Redux
GeoPattern
```
## Deployment
Run `yarn build` to generate bundle files with all the dependencies.
Then use the `deploy.sh` script to deploy them to `gh-pages` branch.
## Resources
This is my first React project. I was only able to complete it because of these resources.
* `[React]` [Build with React Interactive Tutorial](http://buildwithreact.com/tutorial)
* `[React]` [Official React Docs](https://facebook.github.io/react/docs/hello-world.html)
* `[React]` [List of tutorials for getting started with React](http://andrewhfarmer.com/getting-started-tutorials/)
* `[Setup]` [Minimal React Webpack Babel setup](https://www.robinwieruch.de/minimal-react-webpack-babel-setup/)
* `[Setup]` [Official React Installation Guides](https://facebook.github.io/react/docs/installation.html)
* `[Setup]` [Getting started with Webpack 2 - CSS](https://blog.madewithenvy.com/getting-started-with-webpack-2-ed2b86c68783)
* `[Setup]` [CSS Modules Webpack React](https://javascriptplayground.com/blog/2016/07/css-modules-webpack-react/)
* `[Setup]` [CSS with HMR](https://github.com/webpack-contrib/extract-text-webpack-plugin/issues/30)
* `[Routing]` [Router web docs](https://reacttraining.com/react-router/web/guides/quick-start)
* `[Setup]` [Resolve jsx extension in Webpack](https://stackoverflow.com/questions/34678314/)
* `[Setup]` [Using preact](https://preactjs.com/guide/switching-to-preact)
* `[Redux]` [Redux Official Intro](http://redux.js.org/)
## Contributing
Please see [CONTRIBUTING.md](CONTRIBUTING.md) for contribution guidelines. 😉
## Screenshots
#### Home page Filter
#### Project Detail Page
