A personal journal which holds a number of my projects, plans and resources for future reference.
See the entire Collection on Codepen by clicking here.
| # | Name | Link | Article |
|---|---|---|---|
| 001 | Art of PI | Codepen - Github | |
| 002 | Steering points in image | Codepen - Github | |
| 003 | Path following | Codepen - Github | |
| 004 | Circle Packing | Codepen - Github | |
| 005 | Physics - Steering behaviors | Codepen - Github | |
| 006 | Dotted World Map | Codepen - Github | |
| 007 | Jumping Letters | Codepen - Github | |
| 008 | Art of PI 2 | Codepen - Github | |
| 009 | IDE Theme Recommendation Using ML | Codepen - Github | |
| 010 | Full Background Particle System | Codepen - Github | |
| 011 | Blogrid | Github | |
| 012 | Double Vertical Slider | Codepen - Github | |
| 013 | Rolling Ball in 3D Canvas | Codepen - Github | |
| 014 | Sticky Navigation Bar | Codepen - Github | |
| 015 | Circle Sound | website - Github | |
| 016 | Split Screen Slider | Codepen - Github | |
| 017 | Sliding Pizzle | Codepen - Github | |
| 018 | Image Password Strength | Codepen - Github | |
| 019 | ML Flappy Bird | Codepen - Github | |
| 020 | ML Basketball | Codepen - Github | |
| 021 | DevConnector | Github | |
| 022 | ActiveBox | Codepen - Github | |
| 023 | Testimonial Box | Codepen - Github | |
| 024 | Pricing Plans | Codepen - Github | |
| 025 | Movie Search | Codepen - Github | Blog |
| 026 | Double Slider - Sign in/up Form | Codepen - Github | Blog |
| 027 | Full Page Slider | Codepen - Github | Blog |
| 028 | CSS Pulse Effect | Codepen - Github | Blog |
- Find and write a list of small projects to build
- Create daily Codepen projects
- Write blog posts
- ML
- ML in JavaScript
- How to build (& sell?) Web UI components (HTML/CSS with or w/o React.js)
- CSS Grid
- SVG & SVG Animation
- Physics in JS
- Brain.js
| Type | Name | Link |
|---|---|---|
| Video / Course | Machine Learning A-Z | Udemy |
| Github repo | Learn Machine Learning in 3 Months | Github |
| Videos Playlist | Neural Networks - The Coding Train | Youtube |
| Medium Article | NN in JS with Brain.js | Medium |
| Youtube Playlist | 3Blue1Brown NN playlist | Youtube |
| Video / Course | Machine Learning - Andrew Ng | Coursera |
| Type | Name | Link |
|---|---|---|
| Article | Build a simple 2D physics engine for JavaScript games | Link |
| Youtube | Daniel Shiffman's Nature of Code - Physics | Youtube Playlist |
| Name | Link |
|---|---|
| 28 Fun React app ideas | Medium |
| 10 React Starter Projects | Medium |