Showcase

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

yarn install
yarn start

For deploying

yarn build
./deploy.sh

Customizing

Edit 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

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
• [React] Official React Docs
• [React] List of tutorials for getting started with React
• [Setup] Minimal React Webpack Babel setup
• [Setup] Official React Installation Guides
• [Setup] Getting started with Webpack 2 - CSS
• [Setup] CSS Modules Webpack React
• [Setup] CSS with HMR
• [Routing] Router web docs
• [Setup] Resolve jsx extension in Webpack
• [Setup] Using preact
• [Redux] Redux Official Intro

Contributing

Please see CONTRIBUTING.md for contribution guidelines. 😉

Screenshots

Home page Filter

Project Detail Page