Day5⃣of #100DaysOfCode
#buildinpublic👉Multi Vendor Ecommerce

☑️Create a single product page and CTRL/getProduct with a new route /product/:slug.
☑️ Create 404 page for the website.
github.com/andrew-zachary…

Day4⃣of #100DaysOfCode
#buildinpublic👉Multi Vendor Ecommerce

☑️Create a paginator to display links to other products pages. The paginator has three segments: head, mid, and tail, to help users explore more available links👇
github.com/andrew-zachary…

Day3⃣of #100DaysOfCode
#buildinpublic👉Multi Vendor Ecommerce

✅Create product Model, products Ctrl/getAllProducts, products page(View) with a new route and render all products👇
github.com/andrew-zachary…

Day2⃣of #100DaysOfCode
👉Multi Vendor Ecommerce #buildinpublic

✅ I have completed the setup and configuration of the boilerplate I'm going to use to build the project 👇
github.com/andrew-zachary…

Day2⃣of #100DaysOfCode
👉Multi Vendor Ecommerce

✅Serve static files using the express.static built-in middleware
✅Setup express-handlebars and render home/about views, create header/footer partials
✅Package the project

#buildinpublic
github.com/andrew-zachary…

Day1⃣of #100DaysOfCode
👉Multi Vendor Ecommerce

✅Create a new node/expressjs project
✅Use ES6 import/export to gain performance
✅Create app routers and a loader for them
✅Install nodemon for auto-reloading any changes while developing

#buildinpublic
github.com/andrew-zachary…

✨Easy masonry layout of a dynamic list of items, with fade-in animations!✨

✅Demo: the-blog-labs.netlify.app/js/masonry/

✅Full-Code: github.com/andrew-zachary…

#buildinpublic #javascript

Your feedback is much appreciated 🙏

✨Cool animated blocks up and down, wrapped inside a responsive slider!

Demo: the-blog-labs.netlify.app/js/animated-bl…

Full-Code: github.com/andrew-zachary…

#buildinpublic #javascript

Your feedback is much appreciated 🙏

#Vuejs registration-form powered by VeeValidate and Yup! The template also includes FieldArray single-item validation!

Demo: the-blog-labs.netlify.app/vue/register-f…

Full-Code: github.com/andrew-zachary…

#buildinpublic #javascript

Your feedback is much appreciated 🙏

On your website, you can easily filter list items with Alpinejs using its $watch magic method.

Demo: the-blog-labs.netlify.app/alpinejs/selec…

Full-Code: github.com/andrew-zachary…

#buildinpublic #javascript

Your feedback is much appreciated 🙏

Cool animated timeline path with dots that fade in and out as they move across the web page.

Demo: the-blog-labs.netlify.app/js/magic-scrol…

Full-Code: github.com/andrew-zachary…

#buildinpublic #javascript

Simple tabs with cool fade animation using Alpinejs and #tailwind useful for any website.

Demo: the-blog-labs.netlify.app/alpinejs/tabs/

Full-Code:github.com/andrew-zachary…

#buildinpublic

Your feedback is much appreciated 👇

Animate on scroll and add more dynamic to your web page.

Demo: the-blog-labs.netlify.app/js/magic-scrol…

Full-Code:github.com/andrew-zachary…

#buildinpublic

Your feedback is much appreciated 👇