100DaysOfCode
100DaysOfCode copied to clipboard
Published
20 hours ago •
saidMounaim
saidMounaim
The 100 days of code challenge 💻
100DaysOfCode 💻
The 100 days of code challenge 😍
Overview
| Day | Project | Description | Language | Status |
|---|---|---|---|---|
| 1 | Email Validation Check | Email Validation Check With Js | Javascript | Done ✔ |
| 2 | Collective Api's | A collective lists of free Api's Using Vanilla JavaScript | Javascript, CSS | Done ✔ |
| 3 | Simple Blog | Simple Blog Using Node js, express js & mongodb | Node js, Express js, mongodb | Done ✔ |
| 4 | Color Palette Generator | Color Palette Generator App Using React Hooks | React Hooks, Css3 | Done ✔ |
| 5 | Activity Card Component | Activity Card Component Using (HTML5, CSS3, JS & GSAP) | Js, GSAP3 | Done ✔ |
| 6 | Tic Tac Toe | Tic Tac Toe Using JavaScript | JavaScript | Done ✔ |
| 7 | Random Chuck Norris jokes | Random Chuck Norris jokes App Using React Hooks | React Hooks, Css3 | Done ✔ |
| 8 | Recipe App | Recipe App Using React Hooks & ThemealDB Api | React Hooks, Css3 | Done ✔ |
| 9 | URL Shortener App | URL Shortener App Using Vanilla JavaScript | JavaScript, CSS | Done ✔ |
| 10 | Notes App | Notes App App Using Vanilla JavaScript | JavaScript, CSS | Done ✔ |
| 11 | Movie App | Movie App Using React Hooks, Redux & Styled Components | React Hooks, Redux | Done ✔ |
| 12 | Photo Gallery App | Photo Gallery App Using Node Js, Express Js & PIXABAY API | Node Js, Express Js | Done ✔ |
| 13 | Random Quote Generator App | Random Quote Generator App Using Vanilla JavaScript | JavaScript, Css | Done ✔ |
| 14 | Book Finder App | Book Finder App Using Vanilla React Hooks | React Hooks, Css | Done ✔ |
| 15 | Password Generator App | Strong Password Generator App Using Vanilla JavaScript | JavaScript, Css | Done ✔ |
| 16 | Blog Cards Component | Blog Card Component Using HTML5, CSS3 & JS (GSAP) | Html, Css, Gsap | Done ✔ |
| 17 | Shopping Cart | Shopping Cart Using HTML5, CSS3 & JS | Html, Css, JavaScript | Done ✔ |
| 18 | Github Jobs Search | Github Jobs Search App Using Node js, Express js & GITHUB JOBS API | Node Js, Express js | Done ✔ |
| 19 | Infinite Scroll Posts | Infinite Scroll Posts Using HTML5, CSS3 & JS | Javascript, Css | Done ✔ |
| 20 | Quiz App | Quiz App Using HTML5, CSS3 & JS | Javascript, Css | Done ✔ |
| 21 | Drag & Drop | Drag & Drop Using HTML5, CSS3 & JS | Javascript, Css | Done ✔ |
| 22 | Live User Filter | Live User Filter Using HTML5, CSS3 & JS | Javascript, Css | Done ✔ |
| 23 | Progress Steps | Progress Steps Using HTML5, CSS3 & JS | Javascript, Css | Done ✔ |
| 24 | Emoji Finder | Emoji Finder App Using React Hooks | React Hooks, Css | Done ✔ |
| 25 | Jobs Finder | Jobs Finder App Using Next Js & GITHUB JOBS API | Next Js, Css | Done ✔ |
| 26 | Expandig Card | Expandig Card Using HTML5, CSS3 & JS | JavaScript, Css | Done ✔ |
| 27 | Pokedex | Pokedex Using HTML5, CSS3 & JS | JavaScript, Css | Done ✔ |
| 28 | Loopstudios Landing Page | Loopstudios Landing Page Using HTML5, CSS3 & JS (Locomotive Scroll & GSAP) | JavaScript, Css | Done ✔ |
| 29 | Random Choice Picker | Random Choice Picker Using HTML5, CSS3 & JS | JavaScript, Css | Done ✔ |
| 30 | Split Landing Page | Split Landing Page Using HTML5, CSS3 & JS | JavaScript, Css | Done ✔ |
| 31 | What is MyIP | What is MyIP Using React Hooks | React Hooks, Css | Done ✔ |
| 32 | FAQ Collapse | FAQ Collapse Using HTML5, CSS3 & JS | JavaScript, Css | Done ✔ |
| 33 | Toast Notification | Toast Notification Using HTML5, CSS3 & JS | JavaScript, Css | Done ✔ |
| 34 | Scoore Futball | Scoore Futball Using React Hooks & Scorebat API | React Hooks | Done ✔ |
| 35 | Mark Portfolio | Mark Portfolio Using React Hooks & GSAP | React Hooks | Done ✔ |
| 36 | Card Component | Card Component Using HTML5 & CSS3 | Css3, | Done ✔ |
| 37 | Button Ripple Effect | Button Ripple Effect Using HTML5, CSS3 & JS | JavaScript, | Done ✔ |
| 38 | Search Widget | Search Widget Using HTML5, CSS3 & JS | JavaScript, | Done ✔ |
| 39 | Vertical Slider | Vertical Slider Using HTML5, CSS3 & JS | JavaScript, | Done ✔ |
| 40 | Blury Loading | Blury Loading Using HTML5, CSS3 & JS | JavaScript, | Done ✔ |
| 41 | Todo List | Todo List App Using React Hooks, Redux, Styled Components, SweetAlert2 & LocalStorage | React Hooks, | Done ✔ |
| 42 | FULLSTACK CRUD App | FULLSTACK CRUD App Using Mern Stack | Node js, Express js, React js | Done ✔ |
| 43 | Incrementing Counter | Incrementing Counter Using HTML5, CSS3 & JS | javaScript | Done ✔ |
| 44 | Animated Navigation | Animated Navigation Using HTML5, CSS3 & JS | javaScript | Done ✔ |
| 45 | Verify Account | Verify Account Using HTML5, CSS3 & JS | javaScript | Done ✔ |
| 46 | Auto Text Effect | Auto Text Effect Using HTML5, CSS3 & JS | javaScript | Done ✔ |
| 47 | Background Slider | Background Slider Using HTML5, CSS3 & JS | javaScript | Done ✔ |
| 48 | Game Info | Game Info Using Next js & Styled components | Next js | Done ✔ |
| 49 | Random Feed Pictures | Random Feed Pictures Using HTML5, CSS3 & JS | JavaScript | Done ✔ |
| 50 | Youtube To MP3 | Youtube To MP3 Using HTML5, CSS3 & JS | JavaScript | Done ✔ |
| 51 | 404 Page | 404 Page Mousemove Parallax Using HTML5, CSS3 & JS | JavaScript | Done ✔ |
| 52 | Popup Blurred Background | Popup Blurred Background Using HTML5, CSS3 & JS | JavaScript | Done ✔ |
| 53 | Kinetic Loader | Kinetic Loader Using HTML5 & CSS3 | HTML5, CSS3 | Done ✔ |
| 54 | Image Trail Effects | Image Trail Effects Using JS (GSAP) CSS3 | JS (GSAP) | Done ✔ |
| 55 | Liquid Distortion Image Hover Effects | Liquid Distortion Image Hover Effects Using HTML5, CSS3 & JS | JavaScript | Done ✔ |
| 56 | Job Lister API | Job Lister API Node js & Express Js | Node js, Express Js | Done ✔ |
| 57 | Block Reveal Effect | Block Reveal Effect On Scroll Using HTML5, CSS3 & JS | JavaScript | Done ✔ |
| 58 | Parallax Overlay Text Effect | Parallax Overlay Text Effect Using HTML5, CSS3 & JS | JavaScript | Done ✔ |
| 59 | Smooth Scrolling With Parallax | Smooth Scrolling With Parallax Using HTML5, CSS3 & JS (Locomotive Scroll) | JavaScript | Done ✔ |
| 60 | Slide Out Navigation | Slide Out Navigation Using HTML5, CSS3 & JS (GSAP) | JavaScript | Done ✔ |
| 61 | Bubbly Background Animation Effects | Bubbly Background Animation Effects Using HTML5, CSS3 & JS | JavaScript | Done ✔ |
| 62 | Animated Cursor | Animated Cursor Using HTML5, CSS3 & JS | JavaScript | Done ✔ |
| 63 | Liquid Distortion Slider | Liquid Distortion Slider Using HTML5, CSS3 & JS | JavaScript | Done ✔ |
| 64 | Change Cursor On Image Hover | Change Cursor On Image Hover Using HTML5, CSS3 & JS | JavaScript | Done ✔ |
| 65 | Custom Radio Button | Custom Radio Button Using HTML5 & CSS3 | Css3 | Done ✔ |
| 66 | Accordion Animation | Accordion Animation Using HTML5, CSS3 & JS | JavaScript | Done ✔ |
| 67 | Button Hover Effect | Button Hover Effect Using HTML5, CSS3 & JS | JavaScript | Done ✔ |
| 68 | Infinite News Ticker | Infinite News Ticker Using HTML5 & CSS3 | Css3 | Done ✔ |
| 69 | Paragraph Reveal Animation | Paragraph Reveal Animation Using HTML5, CSS3 & JS (GSAP) | JavaScript | Done ✔ |
| 70 | Distort Text | Distort Text Using BlotterJS | JavaScript | Done ✔ |
| 71 | Product Hover Effect | Product Hover Effect Using GSAP | JavaScript | Done ✔ |
| 72 | Page Transition | Page Transition Using GSAP & Barba | JavaScript | Done ✔ |
| 73 | Progress Bar Preloader | Progress Bar Preloader Using Pace js & GSAP | JavaScript | Done ✔ |
| 74 | Splash Image Mask | Splash Image Mask Using HTML5 & CSS3 | CSS3 | Done ✔ |
| 75 | Breaking Bad Info | Breaking Bad Info Using React Hooks | React Hooks | Done ✔ |
| 76 | Glitch Effect | Glitch Effect Using mgGlitch | JavaScript | Done ✔ |
| 77 | Book Crud | Book Crud With Node Js And Auth With JWT | Node Js | Done ✔ |
| 78 | Image Hover Interaction | Image Hover Interaction Using GSAP & SplittingJS | JavaScript | Done ✔ |
| 79 | Tab Bar Interaction | Tab Bar Interaction Using GSAP | JavaScript | Done ✔ |
| 80 | Simple Product Card UI Design | Simple Product Card UI Design Using Html & CSS | CSS3 | Done ✔ |
| 81 | Simple Parallax Scrolling Effect | Simple Parallax Scrolling Effect Using Html, CSS & JS | JavaScript | Done ✔ |
| 82 | Sticky Navigation Bar On Scroll | Sticky Navigation Bar On Scroll Using Html, CSS & JS | JavaScript | Done ✔ |
| 83 | WebGL Fluid Simulation | WebGL Fluid Simulation Using JavaScript | JavaScript | Done ✔ |
| 84 | Testimonianls Box Switch | Testimonianls Box Switch Using HTML5, CSS3 & JS | JavaScript | Done ✔ |
| 85 | Moving Tooltip on Mousemove | Moving Tooltip on Mousemove Using HTML5, CSS3 & JS | JavaScript | Done ✔ |
| 86 | Clip-path Image Hover Effects | Clip-path Image Hover Effects Using HTML5 & CSS3 | CSS3 | Done ✔ |
| 87 | Creative Landing Page | Creative Landing Page Using HTML5, CSS3 & JS | JavaScript | Done ✔ |
| 88 | Animated Particles Effect | Animated Particles Effect Using HTML5 & CSS3 | CSS3 | Done ✔ |
| 89 | Scroll Image From Top To Bottom | Scroll Image From Top To Bottom Using HTML5 & CSS3 | CSS3 | Done ✔ |
| 90 | Paginated API | Paginated API With Node Js, Express Js & MongoDB | Node Js | Done ✔ |
| 91 | Account Verification | Account Verification With JWT, Node.js & Express | Node Js | Done ✔ |
| 92 | Scroll Progress Indicator | Scroll Progress Indicator Using HTML5, CSS3 & JS | JavaScript | Done ✔ |
| 93 | Intro Text Animation | Intro Text Animation Using HTML5 & CSS3 | CSS3 | Done ✔ |
| 94 | Coming Soon Page | Coming Soon Page Using HTML5, CSS3 & JS | JavaScript | Done ✔ |
| 95 | Video Slider | Video Slider Using HTML5, CSS3 & JS | JavaScript | Done ✔ |
| 96 | Creative Menu | Creative Menu Using HTML5 & CSS3 | CSS3 | Done ✔ |
| 97 | Weather App | Weather App Using Next Js | Next Js | Done ✔ |
| 98 | Forgot Password | Forgot Password With JWT, Node.js & Express | Node Js | Done ✔ |
| 99 | Colorful Mosaic Pattern Generator | Colorful Mosaic Pattern Generator Using HTML5, CSS3 & JS | JavaScript | Done ✔ |
| 100 | Show Hide Password | Show Hide Password Using HTML5, CSS3 & JS | JavaScript | Done ✔ |
saidMounaim