- 16
- 281 805
Full Stack Lab
Germany
เข้าร่วมเมื่อ 30 ส.ค. 2009
Passionate tech guy who creates tutorials. Subscribe!
Website: www.fullstacklab.net
Github: github.com/denczo
Instagram: thefullstacklab
Website: www.fullstacklab.net
Github: github.com/denczo
Instagram: thefullstacklab
Build & deploy responsive portfolio page with NextJS, Typescript and Tailwind CSS
This tutorial demonstrates how to build a responsive portfolio website with NextJS, Typescript and Tailwind CSS. As part of this video the website will also be deployed on vercel.
If anything is unclear, feel free to ask and write a comment.
▬ Chapters ► ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
► 0:00 - Intro
► 1:23 - Setup
► 4:37 - Project Structure
► 12:20 - Basic Layout
► 14:16 - Basic Navigation
► 15:55 - Gradient Background
► 19:08 - Fancy Navbar
► 23:19 - Hero Section
► 31:37 - Burger Menu
► 41:40 - About Section
► 50:14 - Projects Section
► 56:29 - Hero Section Responsive Design
► 58:24 - Service Section & Footer
► 1:03:23 - Indicator
► 1:05:36 - Contact Form
► 1:11:40 - Deployment on Vercel
▬ Links ► ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Live Demo: nextjs-template-teal-psi.vercel.app
Code: github.com/denczo/nextjs_template
Github: github.com
Vercel: vercel.com/
Contact Form: flowbite.com/blocks/marketing/contact/
Wave Creator: getwaves.io
Form Service: formsubmit.co
Opensource SVG Icons: www.figma.com/community/file/1250041133606945841/4-000-free-icons-open-source-icon-set
SVG Icons: www.tailwindtoolbox.com/icons
▬ Programming ► ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
► VSCode
► Win11
► Ubuntu Subsystem
► Node v20.11
If anything is unclear, feel free to ask and write a comment.
▬ Chapters ► ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
► 0:00 - Intro
► 1:23 - Setup
► 4:37 - Project Structure
► 12:20 - Basic Layout
► 14:16 - Basic Navigation
► 15:55 - Gradient Background
► 19:08 - Fancy Navbar
► 23:19 - Hero Section
► 31:37 - Burger Menu
► 41:40 - About Section
► 50:14 - Projects Section
► 56:29 - Hero Section Responsive Design
► 58:24 - Service Section & Footer
► 1:03:23 - Indicator
► 1:05:36 - Contact Form
► 1:11:40 - Deployment on Vercel
▬ Links ► ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Live Demo: nextjs-template-teal-psi.vercel.app
Code: github.com/denczo/nextjs_template
Github: github.com
Vercel: vercel.com/
Contact Form: flowbite.com/blocks/marketing/contact/
Wave Creator: getwaves.io
Form Service: formsubmit.co
Opensource SVG Icons: www.figma.com/community/file/1250041133606945841/4-000-free-icons-open-source-icon-set
SVG Icons: www.tailwindtoolbox.com/icons
▬ Programming ► ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
► VSCode
► Win11
► Ubuntu Subsystem
► Node v20.11
มุมมอง: 1 059
วีดีโอ
Tkinter in short
มุมมอง 4349 หลายเดือนก่อน
Tkinter is an easy2use cross-plattform framework for python. This video gives you a brief overview of the basics. ▬ Links ► ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ Code of this tutorial : github.com/denczo/tkinter_examples ▬ Commands ► ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ pip3 install themedttk ▬ Chapters ► ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ ► 0:00 - Intro ► 1:20 - Basics ► 1:42 - Geometry Managers ► 2:37 - Callback Function ► 2:53 - Themes ► 3:07 - OOP ► 3...
Realtime Audio on Android with Python, Kivy and Audiostream (low level library)
มุมมอง 3.6Kปีที่แล้ว
This tutorial demonstrates how to use the library audiostream to create a Android app with Python and Kivy which can play and manipulate a sinewave in realtime. The example app was programmed with Python, the Kivy framework, VS Code. GWSL and the Ubuntu Subsystem. If anything is unclear, feel free to ask and write a comment. ▬ Links ► ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ Code of this tutorial (Audio): github.com/de...
Python Development Setup with Windows 10, Ubuntu Subsystem, GWSL & VS Code
มุมมอง 1.6K2 ปีที่แล้ว
This video demonstrates a solution for python development with Windows 10, the Ubuntu Subsystem, GWSL and Visual Studio Code. It combines the best of two worlds and is very easy to set up. If anything is unclear, feel free to ask and write a comment. ▬ Links ► ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ Example project: github.com/denczo/kivy_examples VS Code: code.visualstudio.com GWSL: opticos.github.io/gwsl/ ▬ Basic Se...
Build & Sign Kivy Python App (.aab) with Buildozer for Google Play Store (without Android Studio)
มุมมอง 6K2 ปีที่แล้ว
This tutorial demonstrates how to build and sign an .aab file without Android Studio which can be uploaded to the Google Place Store. The example app was programmed with Python, the Kivy framework, Pycharm and the Ubuntu Subsystem. This tutorial works also perfectly fine for Ubuntu. If anything is unclear, feel free to ask and write a comment. ▬ Links ► ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ Code of this tutorial: gi...
Build & Deploy Kivy Python App (.apk) with Buildozer to Android (Windows & Linux)
มุมมอง 51K2 ปีที่แล้ว
This tutorial demonstrates how to build and deploy an android app to your smartphone. The app was programmed with python and the kivy framework. Buildozer, the android debug bridge and the ubuntu subsystem were used to build, deploy and debug the android app. This tutorial works also perfectly fine for Ubuntu. If anything is unclear, feel free to ask and write a comment. ▬ Links ► ▬▬▬▬▬▬▬▬▬▬▬▬▬...
Plot Graph with Python & Kivy (Kivy Garden Graph) which works on Android
มุมมอง 9K2 ปีที่แล้ว
This tutorial demonstrates how to use the Kivy framework for Python to create an app which plots a sine wave and which actually works on your android smartphone (unlike Matplotlib). It's for beginners and advanced users of Kivy and Python. If anything is unclear, feel free to ask and write a comment. ▬ Links ► ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ Code of this tutorial: github.com/denczo/kivy_examples Build and Depl...
Blender Tutorial - 3D Printed Case (Workflow for Raspberry Pi, Arduino, etc)
มุมมอง 57K2 ปีที่แล้ว
This is an advanced Blender 2.92 tutorial which demonstrates how to create a case for a board like the Raspberry Pi which can be 3d printed. If anything is unclear, feel free to ask and write a comment. Blender projectfile: www.thingiverse.com/thing:4870554/files ▬ Chapters ► ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ ► 0:00 - Intro ► 0:22 - Chapter I: Real Life Example ► 2:06 - Chapter II: Blender Setup ► 5:26 - Chapter...
Blender Tutorial - Arc Reactor 3D Printed
มุมมอง 3.1K3 ปีที่แล้ว
This is an advanced Blender 2.92 tutorial which demonstrates how to create an Arc Reactor for 3d printing. It's also good to practise with the boolean modifier and the spin tool. If anything is unclear, feel free to ask and write a comment. Blender projectfiles and .stl file: www.thingiverse.com/thing:4101492 ▬ Chapters ► ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ The 3d model is made up of 5 objects which are screwed to...
Frequency modulation (for audio synthesis) - the maths behind it
มุมมอง 2.1K3 ปีที่แล้ว
This is a tutorial about frequency modulation for audio synthesis. It's for people who want to know about the maths behind it. It includes practical examples and demonstrates how to use the formulas of different waveforms (sawtooth, triangle, square) to create your own modulated signal. ▬ Chapters ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ 0:00 - Intro 1:17 - What is a waveform? 1:45 - How does frequency modulation sound...
DIY Synthesizer in Python DEVLOG #3 - Raspberry Pi & Code Release
มุมมอง 1.5K3 ปีที่แล้ว
This is a video series where i develope a software synthesizer on my own. The goal of this video series is to learn more about digital signal processing. ▬ Programming ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ ► Python 3.7 ► Pycharm Community Edition 2020.1 ► Libraries: Pyaudio, Tkinter (Gui), Matplotlib (Visualisation), Python-rtmidi, Pygame ► Arturia Minilab MK2 ► Code: github.com/denczo/EardrumBlaster.git ▬ Tutorials...
10 tips for 3D modeling with Blender which will improve your workflow - Blender 2.8
มุมมอง 3.2K3 ปีที่แล้ว
10 tips for 3D modeling with Blender 2.83 which will improve your workflow! This includes how to use the 3D cursor, flip normals, customize your workspace and much more. Full Blender Tutorial here: th-cam.com/video/yYUGMvZsu3w/w-d-xo.html If anything is unclear, feel free to ask and write a comment. ▬ Chapters ► ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ ► 0:00 - Intro ► 0:07 - Selection Modes ► 2:08 - 3D Cursor ► 3:42 -...
Full Blender Tutorial - for 3D Modeling and 3D Printing
มุมมอง 135K3 ปีที่แล้ว
This is a full Blender 2.83 tutorial for beginners and advanced users. The focus is on how to create 3d models which can be printed with a 3d printer. If you are advanced, i recommend the later chapters of this video. If anything is unclear, feel free to ask and write a comment. Blendercheatsheet, Blender projectfile, .stl file: www.thingiverse.com/thing:4518964/files ▬ Chapters ► ▬▬▬▬▬▬▬▬▬▬▬▬▬...
DIY Synthesizer in Python DEVLOG #2 - Midi & LFO
มุมมอง 1.4K3 ปีที่แล้ว
This is a video series where i develope a software synthesizer on my own. The goal of this video series is to learn more about digital signal processing. ▬ Programming ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ ► Python 3.7 ► Pycharm Community Edition 2020.1 ► Libraries: Pyaudio, Tkinter (Gui), Matplotlib (Visualisation), Python-rtmidi ► Arturia Minilab MK2 ►ttps://www.inspiredacoustics.com/en/MIDI_note_numbers_and_cente...
DIY Synthesizer in Python DEVLOG #1 - Envelope Generator, Touchpad
มุมมอง 1.4K4 ปีที่แล้ว
This is a video series where i develope a software synthesizer on my own. The goal of this video series is to learn more about digital signal processing. ▬ Programming ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ ► Python 3.7 ► Pycharm Community Edition 2019.3.1 ► Libraries: Pyaudio, Tkinter (Gui), Matplotlib (Visualisation) ► Code: github.com/denczo/EardrumBlaster.git ▬ Editing ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ ► Sony Vegas Pro Edit 14 ► S...
DIY Synthesizer in Python DEVLOG #0 - First Steps
มุมมอง 3.9K4 ปีที่แล้ว
DIY Synthesizer in Python DEVLOG #0 - First Steps
linux aint installing
Excellent tutorial, I managed to make it work. I ran into a ton of problems but managed to google and use chatgpt for solutions. If you get a failure with gradle, it worked when i switched to java vers 17. Also upgrade to WSL2 to avoid error: C compiler cannot create executables.
在桌面电脑上播放声音的Kivy程序在Android上无法运行,怎么解决?
Well, I had to use a translator but to answer your question: If audio is not working on your android device then run your app with the android debug bridge. In such a case it usually has to do with the buildozer.spec file, e.g. the library was not specified inside of the buildozer.spec or there was a spelling error. Cheers.
@@fullstacklab sorry,i am not good at english,so have to chat with you in chinese,you done this way?
Vielen Dank!!! Du bist ein life saver
An improvement for your upcoming videos could be to increase the font size of the code editor for better readability.
Thanks for your feedback. I appreciate it :)
How can i deploy my app if I'm using windows? is it necessary to use linux
Hi, what software or website did you use to make your portrait?
Short answer: Photoshop. Long answer: well, the face is ai generated. The shape is a brush texture which is used to create the cutout. The background is a linear gradient. All put together in Photoshop.
@@fullstacklab thanks bro
thanks man
You're welcome :)
Hello, your github repo link is 404. Maybe is private?
Hey :) You're right. I didn't notice that, it's now public.
Hey folks! You can find the link to the code in the description. Feel free to modify it to your liking. Happy coding :)
What you do makes sense. However, I am on a macbook pro, and use the navigation parts differently, and in ways which renders all you say useless. Not your fault, but it makes it close to impossible to follow anything after the first few minutes,
I dont understrand anything, why is there suddenly a .sepc and buildozer folder in the github project, last time these two folders did not exist
Thanks, worked perfectly for me. One little detail is that it wasn't working witho sudo so i did it without it. P4A_RELEASE_KEYSTORE=~/keystores/mykey.keystore P4A_RELEASE_KEYSTORE_PASSWD=pass P4A_RELEASE_KEYALIAS_PASSWD=pass P4A_RELEASE_KEYALIAS=alias buildozer android release
In case anyone needs this, you cannot use Cython 3, as the syntax is different. Install Cython 0.29.10 with Python 3.7 (dunno about 3.8) and it will compile.
sudo not found in buildozer what to do
P4A_RELEASE_KEYSTORE=~/keystores/mykey.keystore P4A_RELEASE_KEYSTORE_PASSWD=pass P4A_RELEASE_KEYALIAS_PASSWD=pass P4A_RELEASE_KEYALIAS=alias buildozer android release
Incredibly informative tutorial! Thank you for the effort to make this video and sharing your knowledge.
Nice tutorial! Just one little thing: in order to make this work, WSL needs to be upgraded from WSL1 to WSL2, otherwise you get 'C compiler cannot create executables' error
Thanks Bro 💪
I wish I could like this video twice.
Thanks! Well, you can recommend it to someone else :)
@@fullstacklab Hello, thanks for your informative and useful video tutorial. But unfortunately I couldn't make a single APK file using buildozer. I'm not assuming that this tutorial is misleading though. I'm officially giving up and I'm gonna start learning Kotlin to make Android apps.
@@shoxruxsunnatov No worries. Kotlin will be the better choice because you can create native android apps with it. Kivy is only for very basic apps and has a lot of limitations. It's advantage is that it's pretty easy to set up. May I ask, what's the issue? To create an apk successfully with buildozer, it's all about the buildozer .spec file.
Just a note- in your code, for the icons, you've used an absolute filepath, or something similar to that- this means that when someone clones the git repository the path won't match and it'll throw errors.
Is it possible to make barplot? 😊
Hey Julien! Well, it should be possible. There is no documentation but if you look at the github repository there is a class called BarPlot. So instead of importing MeshPlot try to import BarPlot and use the proper Methods with it. github.com/kivy-garden/graph/blob/master/kivy_garden/graph/__init__.py
Wonderful! Thank you so much!
You're welcome :)
that worked well ! too bad we can't use buildozer directly from cmd and that WSL can't access USB easily. Before watching this video I tried to hack around with WSL by redirecting adb to the cmd one with a symbolic link. It failed miserably but connected through tcpip did the job in the end.
Thank you so much! I have been searching so much how to figure out recording audio with Python on Android. Audiostream seems to be answer, I'll study it. I can thank you enough!
thanks very much, I learned a lot!
Hi Pygineer, Thank you for the tutorial it is very good. I just have one problem. The base face is not solidifying. I am currently using Blender 4.0.2. I cannot work out what I am doing wrong. I have watched your video several times and am making sure I do everything exactly as you are doing it, but I still cannot get it to work. Any idea where I might be going wrong?
Hi doischmark, I just tested it with Blender 4.0.2. The workflow is still valid and it worked for me. Just make sure, that you add the base face right at the beginning. Also make sure that by creating the base face, your are closing the entire hole which means, all verticies/edges have to be selected and connected to the base face.
@@fullstacklab Thanks for that. Is there a way that I can give my ground a different thickness to my walls?
very nice, now I need to find the py code
Hi Richard! You can find the code here: github.com/denczo/pyblaster
Thanks for the tutorial - question: could you do all this with splines/lines? Is there a reason why you/other people use meshes and subtract things instead of just drawing with splines and then adding faces, extruding etc later? Thanks.
Hey vooveks! Sure you can do that but it will be less precise. Personally I use splines and lines only for organic or asymmetrical shapes that are hard to get right with primitives like cubes and spheres.
@@fullstacklab Cool, thanks for the info, appreciate it. I think it’s because I like the idea of drawing things in 2d as it seems simpler (probably isn’t though, if you are used to working with primitives like you say). What do you think of Fusion 360 vs Blender for parts and things like that? I’ve downloaded the free version and thinking of giving it a go.
@@vooveks There are many ways to Rome. Take the workflow which suits you the best. I haven't used Fusion 360 simply because I don't see the value in it. It might be the better tool for 3d printing but then there is the pricing if you want to go commercial (e.g. freelancing). Blender is a very good and free allrounder and it's definitely worth learning it.
@@fullstacklabYeah, definitely. Blender is amazing, especially considering it's free! Incredible that w can get access to such complex software for that price ;)
GWSL is $5 on the Microsoft Store now :/
Hey :) If you use Windows 11, you don't need GWSL anymore.
danka sehr
I can't seem to solve this error, can anyone help? configure: error: in `/home/kulhab/dynamicDict/.buildozer/android/platform/build-arm64-v8a_armeabi-v7a/build/other_builds/libffi/arm64-v8a__ndk_target_21/libffi': configure: error: C compiler cannot create executables See `config.log' for more details
did you check the config.log ?
XIN CẢM ƠN BẠN NHÉ
hi! thanks for the tutorial and i did successfully signed it. however, when i upload it in google console it is still saying "The Android App Bundle was not signed." any thoughts?
Reset your key with Google console and try again.
Najlepszy poradnik jaki mogłem znaleźć! Bardzo dziekuję za przekazanie tej wiedzy
Figured it out, Control N. Thanks
tip for begginers: scale in two axis -> [s] and then [shift]+[axis you don't wont] if you'll enter z, both x and y axis will be selected for a resize
At 19:04 after adding the modifier, thickness and checking the box, your box has some wayward vertices on the bottom left corner. What key strokes did you use to clear up the box. Thank for a great tutorial.
I added numpy in requirement in buildozer.spec, but when I execute the command "buildozer android debug deploy run logcat", it is giving me an error that no module named Cython and running cythonize failed. If I remove numpy, then it is not giving the error. But I need numpy for my app. Can you help me? Thank You.
I'm new to Blender for animation and found out that Blender can also be used to create 3D models for 3D printer. Do you know if the settings in the beginning did have a negative effect for 3D animation?
The apk is created but it is not running on the mobile. I had to do a few more things to clear all the errors 1 error was the file not found on the url. I found out that if you are behind a proxy it can happen. So connected with a different network and it worked. I got kivy errors those were resolved by installing h5py separately.
Very helpful and detailed, thank you!
At approx. 3:10 in the video you indicate that you need to ensure the angle of the over-hang is less than 45-degrees...but I failed to see how you determined what the angle was? Thank you for your time and assistance.
Warum nicht den default cube vom Deckel befreien und von dort aus weitermachen?
Regarding audio app. How to install audiostream library. Couldn't find.
Hi! Love your vid. I am an experienced designer with solidworks and work with some awesome 3D printers, but I am finding that my solidworks skills aren't able to utilize the printers full capabilities, and so I am looking into Blender or 3DS Max. For the plastic shrinkage, I would model the parts at what they should be dimensionally and then scale them up in the slicing software. This lets you use different materials for the same model rather than adjusting the size for one type of plastic/resin. Man I have a large learning curve ahead of me. This software is so alien to me coming from a mechanical design background.
hello. can we make pie charts using garden graph?
@ 7:38, How would I reference a file in the "data" folder within my main.py file, in other words what file path should i give the python file so it will be able to find it when being run on the android phone?
is the .kv file necessary? if yes how to build it?
The .kv file contains the structure and design of your kivy widgets. It's similar to a CSS file of a website. It has nothing to do with the build process. You can define all your kivy widgets in the main.py file but I do recommend to separate it from the python code. It makes your code easier to read and to maintain.
Thanks bro!
what do you by payaudio is not supported by Android? can't you write a recipes for it and make it work?