Showcase

https://vibhu-agarwal.github.io/

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.

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

• [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