A repository listing project ideas, resources to study, useful links, and stuff.
-
Remake of portfolio website with Gatsby
- With Strapi ? https://blog.strapi.io/building-a-static-website-using-gatsby-and-strapi/
- An excuse to try Pose ? https://popmotion.io/pose/
- And
react-feather! https://github.com/carmelopullara/react-feather - This is nifty too https://github.com/pshihn/lumin
- Or maybe svelte for the tiniest version + animation
-
Simple vegan ingredient checker based on is-vegan. Objectives :Slick interfaceSuggestions in searchboxIn react-native for mobile ?- Repo for this project -> https://github.com/mathieu-anderson/vegan-checker
-
Brussels' version of Croisé dans le métro. Objectives :
- Basic features based on STIB open datasets
- Implement Fb/Twitter auth
-
Make a better website for New Rocks (JS CMS system tbd...) : http://newrockescalade.be/
-
ihavethismu.ch / ihavethatmu.ch : recommendation of purchase based on a budget
-
Dan Abramov Music Library : crawl Dan tweets and detect when he posts an image of his spotify, then create an image wall of them.
-
equality roulette : a slot machine withRepo for this project -> https://github.com/mathieu-anderson/js-equality-jackpotvalue|==/===/!==/!===|valueand you get truthy or falsy depending on them. Based on https://dorey.github.io/JavaScript-Equality-Table/ -
Your life in weeks but as an online productivity tool https://waitbutwhy.com/2014/05/life-weeks.html
-
A tool to track and compose dialogue trees for RPGs
- Maximize VsCode usability with React : https://code.visualstudio.com/docs/nodejs/reactjs-tutorial
- Dockerfile guide for node : https://blog.hasura.io/an-exhaustive-guide-to-writing-dockerfiles-for-node-js-web-apps-bbee6bd2f3c4?gi=c70d43150547
- Site Reliability Engineering by Google : https://landing.google.com/sre/book.html
- JAM Stack. Wut ? https://jamstack.org/
- Functional programming in JS :
- A skeptic's guide : https://youtu.be/JVRqkNmAYZM
- Javascript allongé : https://leanpub.com/javascriptallongesix/read
- Mostly adequate guide : https://mostly-adequate.gitbooks.io/mostly-adequate-guide/
- The Flutter FAQ : https://flutter.io/faq/
- Recompose ('lodash for React'') : https://github.com/acdlite/recompose
- TypeScript :
- Definitely Typed : http://definitelytyped.org/guides/best-practices.html
- TypeScript deep dive : https://basarat.gitbooks.io/typescript/
- React starter : https://github.com/Microsoft/TypeScript-React-Starter#typescript-react-starter
- Jared Palmer's TS setup : https://github.com/palmerhq/typescript/blob/master/README.md
- Front-end best practices : https://pbs.twimg.com/media/Cfh9oRrXIAAiA2Y.jpg
- A guide to
<head>: https://gethead.info/ - Simple UI tips that go a long way : https://medium.com/refactoring-ui/7-practical-tips-for-cheating-at-design-40c736799886
- Brain tricks to align things : https://blog.prototypr.io/optical-adjustments-in-components-a7f1f8655e0
- A list of React anti-pattern and their idiomatic solutions : https://pbs.twimg.com/media/DYXlkUnVQAE--gD.jpg
- A book about React design patterns : https://krasimir.gitbooks.io/react-in-patterns/
- Undoing stuff in git : https://sethrobertson.github.io/GitFixUm/fixup.html
- Webpack optimization tips : https://github.com/GoogleChromeLabs/webpack-libs-optimizations/blob/master/README.md
- Managing complex waiting experiences : https://medium.com/@fkadev/managing-complex-waiting-experiences-on-web-uis-29534d2d92a8
- Building a color palette framework (principles) : https://medium.com/sketch-app-sources/building-a-color-palette-framework-96dbda541c2e
- building a color palette framework (practice) : https://www.colorbox.io/
- Flash cards for developers : http://www.flashcardsfordevelopers.com/
- Xray React : https://github.com/loogle18/xray-react
- CSS grid trick (responsiveness wihtout media queries) : https://twitter.com/geddski/status/1036994575783677955
- HTML to Image API : https://htmlcsstoimage.com/
- Grid generator : https://www.layoutit.com/grid
- 30 seconds of code : https://30secondsofcode.org/index
- Guide to high performing Gatsby project : https://justinformentin.com/guide-to-building-a-gatsby-site
- Color palette inspiration : https://www.colorinspire.io/
