100projects
100 projects (inspired in work of Florin Pop)
Purpose
100 Projects it's a challenge I'm going to take (and you can join too) that it's meant to improve my programming skills by building projects (lots of them 😄)
Think of it as the next step if you ever participated in the #100DaysOfCode challenge.
Note: Scroll down to see the projects I've built so far.
Rules
- a project could be: an app, a component, a website, a game, a library, etc
- you can pick what programming language and framework you like
Rules for me
- in this post you'll be able to find a to all of the projects that I'm going to create (see the table below)
- for some of the projects you'll also be able to find an article/a tutorial
Contribute
There is also a Github repository where you can propose any project you'd like me to create! Let's see how creative you can be! 😄
And if you feel supportive, make sure you follow and support me on Social Media! Thank you! 🙏
Project List
| # | Project |
|---|---|
| 001 | Random Meal Generator Link |
| 002 | 2019 Mood Calendar Link |
| 003 | Double Noise Flow Field |
| 004 | Catch the insect |
| 005 | User Profile Design |
| 006 | Pokedex Link |
| 007 | James Bond Tribute Page |
| 008 | Live Twitter Feed |
| 009 | This or That (w/ dogs) |
| 010 | Math Wizz Game |
| 011 | Push Force Game |
| 012 | Background Pattern Generator |
| 013 | Password Generator |
| 014 | Contact Page Design |
| 015 | Voting App |
| 016 | Clock |
| 017 | Testimonial Design |
| 018 | Typing Speed Test |
| 019 | Send Love Button |
| 020 | Official Website for #100Days100Projects |
| 021 | Feedback UI Design |
| 022 | Tricky Cookie |
| 023 | Background Animation |
| 024 | Hover Board |
| 025 | Reviews Design |
| 026 | Gravity Switch |
| 027 | Line Through Effect |
| 028 | Workout Tracker Design |
| 029 | Event KeyCodes |
| 030 | Animated Navigation |
| 031 | New Year Countdown |
| 032 | Text to Life |
| 033 | Exchange Rate Calculator |
| 034 | Billionaires Responsive Table |
| 035 | Image Reflection |
| 036 | Pricing Design |
| 037 | Panda Eye Follow |
| 038 | 3D Background Boxes |
| 039 | Blog Post Design |
| 040 | Find It |
| 041 | The "Different" Chat |
| 042 | Verify Account UI |
| 043 | Rotated Nav Animation |
| 044 | Particles |
| 045 | Loading Animation |
| 046 | Image Password Strength |
| 047 | Expanding Cards |
| 048 | Content Placeholder |
| 049 | Theme Toggler |
| 050 | Infinite Scroll |
| 051 | Side Menu Animation |
| 052 | First YouTube Video |
| 053 | User Card Design |
| 054 | Rotation Slideshow |
| 055 | Message Cards Design |
| 056 | Digital Block Clock |
| 057 | Become a Millionaire |
| 058 | Car Avoidance Game |
| 059 | Direction Aware Hover Effect |
| 060 | Mobile Tab Navigation |
| 061 | Live User Filter |
| 062 | Blobby |
| 063 | Blog Posts Design |
| 064 | Hidden Search |
| 065 | Flomoji 🤩 |
| 066 | Moving Hamburger Animation |
| 067 | Landing Page Header |
| 068 | Newsletter Design |
| 069 | Dad Jokes |
| 070 | Kinetic Loader |
| 071 | Donate Design |
| 072 | Instagram Image Feed |
| 073 | Form Validation |
| 074 | Background Changer |
| 075 | Auto Text |
| 076 | Clip-Path Animation |
| 077 | Social s |
| 078 | Color Matching Game |
| 079 | Background Slider |
| 080 | Steps |
| 081 | Drink Water |
| 082 | Random Picker Visualizer |
| 083 | YouTube Video Suggestion UI |
| 084 | Sparkles |
| 085 | Breadcrumbs Design |
| 086 | Traffic Lights |
| 087 | Invoice Design |
| 088 | Blurry Loading |
| 089 | Rain Drops |
| 090 | Tooltip |
| 091 | Live Visit Count |
| 092 | CSS Pulse Effect |
| 093 | Incrementing Counter |
| 094 | Course Card UI |
| 095 | 404 Sh*t Page |
| 096 | Waves |
| 097 | Hotel Reservation Design |
| 098 | FAQ |
| 099 | Cheap, Good, Fast |
| 100 | All Projects |