work
work copied to clipboard
aviaryan
My open source projects portfolio. Built with React.
Showcase
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
aviaryan