Checking my github www.github.com/karlebh, there isn't that much of a project there.

Even the ones I completed are more of a junior project to me now. I'm no more a junior developer.

So I want to make some projects that will interest developers and recruiters alike.

I am posting this here to track my progress and also make sure I'll stick to the projects and well, who knows maybe Mark Zuckerberg might be reading this.

They'll include:



- Single Page Application
- E commerce application
- 5 awesome responsive UI
- E commerce website with Bagisto
- Blog
- Messaging Application (with websocket)
- WordPress Themes
- WordPress Plugins


I update the list as time goes on. It's also possible that I might not be able to finish everything I listed but I'll do a lot. I'll also host it live and paste the links here and also with the stacks I used.

Deadline is month end.

That's nice bro. I'll catch up too

Karleb:
Checking my github www.github.com/karlebh, there isn't that much of a project there.

Even the ones I completed are more of a junior project to me now. I'm no more a junior developer.

So I want to make some projects that will interest developers and recruiters alike.

I am posting this here to track my progress and also make sure I'll stick to the projects and well, who knows maybe Mark Zuckerberg might be reading this.

They'll include:



- Single Page Application
- E commerce application
- 5 awesome responsive UI
- E commerce website with Bagisto
- Blog
- Messaging Application (with websocket)
- WordPress Themes
- WordPress Plugins


I update the list as time goes on. It's also possible that I might not be able to finish everything I listed but I'll do a lot. I'll also host it live and paste the links here and also with the stacks I used.

Deadline is month end.

Deadline this Month hahahahaha
Sorry I am laughing but I was like you sometime back and still like you sometime in the present.

Anyway here is an advice: just pick one and don’t get distracted by the others.

The list you just placed above contains both amazing ideas and distraction at same time. While you have pick all those. Now select one or two you must achieve this month and for the rest now start seeing them as distraction for the moment until the one or two is achieved

Thank me later

Nice do well to keep us updated.

O boy!

Abeg make una help me check this site whether e dey work for una side.

https://lara-single-page-app.herokuapp.com

I started the month working on a project that refused to work in production, well let's just stick to staging for now.

The project was based on social media login. i.e. Facebook, LinkedIn, Twitter et al login. I guess it has to do with the API credentials mismatch, but the project is suspended untiil further notice.

You can check it out here. https://github.com/karlebh/breeze

One other I finished yesterday night is the Single Page Application.

https://github.com/karlebh/single-page-app/

For some reasons, its not working as expected in staging. But works perfectly in development.

I will find a solution to it soonest.

Who will save me from "php is not recognized as a internal or external" error!

O boy!

Karleb:
Who will save me from "php is not recognized as a internal or external" error!

windows or Linux ?

Add php.exe to System environments so that command line can read it globally

qtguru:
Add php.exe to System environments so that command line can read it globally

#modified

I did something similar.

I ended up updating to PHP 7.4 and everything was OK. The previous version was 7.3.

Thanks.

Ok. So life really happened during the month. I mean, real life.

But then, I was able to some things.

I realized all things being equal, I needed to be a robot to finish that in a month.

I resigned to 3 front-end projects from front-end mentors and 3 Laravel projects only.

I still don't know why heroku doesn't Single Page my single page application. Maybe I should have just done the SPA with Vue, Vuex and Vue Router. But inertia js is really cool and Laravel Jetstream just makes authentication really really easy.

Eslint can be really annoying.

Just one day to go and this is what I have.

Room.

https://room-karlebh. vercel. app

Stacks.

Vuejs
Tailwindcss

The second one.

room

https://loop-studio-lime .vercel. app/

Stacks:

Vuejs
Tailwindcss

Karleb:
Just one day to go and this is what I have.

Room.

https://room-karlebh. vercel. app

Stacks.

Vuejs
Tailwindcss

Good morning...

Pls how can I paste my code from local storage to codepen?

Regards

Carmal90:


Good morning...

Pls how can I paste my code from local storage to codepen?

Regards

Go to codepen, copy the code from your editor to codepen editor. That's all.

Karleb:



Go to codepen, copy the code from your editor to codepen editor. That's all.

Thanks

Baba K, good afternoon. I've been thinking, what's the actual line that's used to create this sort of open and close "MENU" in this screenshot.

CC
Qtguru.
Karleb.

SageX1444:
Baba K, good afternoon. I've been thinking, what's the actual line that's used to create this sort of open and close "MENU" in this screenshot.

CC
Qtguru.
Karleb.

Options

1. 3 SVG for a straight line
2. SVG code with the whole code
3. 3 Divs with Flex column and border bottom with solid and pixel

That's the top of my head I can think of

qtguru:


Options

1. 3 SVG for a straight line
2. SVG code with the whole code
3. 3 Divs with Flex column and border bottom with solid and pixel

That's the top of my head I can think of

Thank you boss.

I meant something like the Three horizontal lines at the top left of picture 1 that when you tap it, it drag in other options like in picture 2.

SageX1444:


Thank you boss.

I meant something like the Three horizontal lines at the top left of picture 1 that when you tap it, it drag in other options like in picture 2.

Sorry read it wrong,

you target that element with some CSS Animation and Transitions and have 2 css class for different state one of closed and for open and each state should have width as values to represent both closed and open, and toggle the change of classname, the CSS Animation will handle the rest.

Then just make that sidebar pane fixed and 100vh to occupy height and that's it. Those days we'd use JS to do all these but now CSS Transitions has saved us a lot

qtguru:


Sorry read it wrong,

you target that element with some CSS Animation and Transitions and have 2 css class for different state one of closed and for open and each state should have width as values to represent both closed and open, and toggle the change of classname, the CSS Animation will handle the rest.

Then just make that sidebar pane fixed and 100vh to occupy height and that's it. Those days we'd use JS to do all these but now CSS Transitions has saved us a lot

Oh wow. There is a lot of learning i need to do.

Karleb:
Abeg make una help me check this site whether e dey work for una side.

https://lara-single-page-app.herokuapp.com

wahala

qtguru:


Sorry read it wrong,

you target that element with some CSS Animation and Transitions and have 2 css class for different state one of closed and for open and each state should have width as values to represent both closed and open, and toggle the change of classname, the CSS Animation will handle the rest.

Then just make that sidebar pane fixed and 100vh to occupy height and that's it. Those days we'd use JS to do all these but now CSS Transitions has saved us a lot

Of I wish to know more about this concept, what are the keywords to use on YouTube please because I'm lost(hopeful to be found).

I shall be filing for extension. Another month end.

qtguru:


Sorry read it wrong,

you target that element with some CSS Animation and Transitions and have 2 css class for different state one of closed and for open and each state should have width as values to represent both closed and open, and toggle the change of classname, the CSS Animation will handle the rest.

Then just make that sidebar pane fixed and 100vh to occupy height and that's it. Those days we'd use JS to do all these but now CSS Transitions has saved us a lot

For toggling the className; would that require some JS?

Rgade:

For toggling the className; would that require some JS?

Hell yeah it does

So I got news. 3 front-end and 3 backend are done. But not finished because an application is never truly finished. I'll be splashing pictures here around midnight. I don't know why but NL keeps chopping off parts of my links.

ROOM


https://room-karlebh. vercel. app/

LOOP STUDIOS

https://loop-studio-lime. vercel. app/