- 15
- 314 740
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
มุมมอง: 2 135
วีดีโอ
Realtime Audio on Android with Python, Kivy and Audiostream (low level library)
มุมมอง 4.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.9K2 ปีที่แล้ว
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)
มุมมอง 7K2 ปีที่แล้ว
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)
มุมมอง 67K2 ปีที่แล้ว
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
มุมมอง 10K3 ปีที่แล้ว
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)
มุมมอง 67K3 ปีที่แล้ว
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.3K3 ปีที่แล้ว
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.3K3 ปีที่แล้ว
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.6K4 ปีที่แล้ว
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.3K4 ปีที่แล้ว
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
มุมมอง 138K4 ปีที่แล้ว
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.5K4 ปีที่แล้ว
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.5K4 ปีที่แล้ว
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
มุมมอง 4.1K4 ปีที่แล้ว
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...
it sounds viable compared to pyaudio, but how do you install audiostream, and deploy it and set in the buildozer.spec file before packaging with buildozer. That's an issue.
Hi please help! Everything works well til command in Ubuntu: adb connect YOUR_IP:5555. the error message is: failed to connect to 'myIP:5555': Connection timed out. Even in cmd i got the same massage like your: restarting in TCP mode port: 5555. All your steps with setting phones I checked. Do you have for me some suggestion?
Update: I found problem. My phone was using 4g internet, not wifi.
Cython 3.0.11 is not compatible with buildozer, so instead of "sudo pip3 install --upgrade cython" I suggest "sudo pip3 install cython==0.29.37' to avoid possible compatibility errors.
Seeing your keystrokes on the screen is a lifesaver
Great resource, thank you!
After you create the hex pattern, I don't have an Apply button
Its error how to fix it # Check that aidl can be executed # Search for Aidl # Run '/home/kali/.buildozer/android/platform/android-sdk/build-tools/35.0.0/aidl' # Cwd None Traceback (most recent call last): File "/usr/local/bin/buildozer", line 8, in <module> sys.exit(main()) ^^^^^^ File "/usr/local/lib/python3.11/dist-packages/buildozer/scripts/client.py", line 13, in main Buildozer().run_command(sys.argv[1:]) File "/usr/local/lib/python3.11/dist-packages/buildozer/__init__.py", line 1024, in run_command self.target.run_commands(args) File "/usr/local/lib/python3.11/dist-packages/buildozer/target.py", line 93, in run_commands func(args) File "/usr/local/lib/python3.11/dist-packages/buildozer/target.py", line 103, in cmd_debug self.buildozer.prepare_for_build() File "/usr/local/lib/python3.11/dist-packages/buildozer/__init__.py", line 172, in prepare_for_build self.target.install_platform() File "/usr/local/lib/python3.11/dist-packages/buildozer/targets/android.py", line 616, in install_platform self._install_android_packages() File "/usr/local/lib/python3.11/dist-packages/buildozer/targets/android.py", line 567, in _install_android_packages self._check_aidl(installed_v_build_tools) File "/usr/local/lib/python3.11/dist-packages/buildozer/targets/android.py", line 592, in _check_aidl _, _, returncode = self.buildozer.cmd(aidl_cmd, ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ File "/usr/local/lib/python3.11/dist-packages/buildozer/__init__.py", line 289, in cmd process = Popen(command, **kwargs) ^^^^^^^^^^^^^^^^^^^^^^^^ File "/usr/lib/python3.11/subprocess.py", line 1026, in __init__ self._execute_child(args, executable, preexec_fn, close_fds, File "/usr/lib/python3.11/subprocess.py", line 1955, in _execute_child raise child_exception_type(errno_num, err_msg, err_filename) FileNotFoundError: [Errno 2] No such file or directory: '/home/kali/.buildozer/android/platform/android-sdk/build-tools/35.0.0/aidl' ┌──(kali㉿localhost)-[~/pacman] └─$
a fantastic video. hats off
Great work.
Nice work bro
thank you so much for this. one question (total noob here) shouldn't scale be 0.001 if we are using mm?
sorry if this may stupid so should i install all these required libraries into the cloned buildozer folder
Hey mate. Those libraries are independent from the project and will not be installed inside of the buildozer folder. Apt and pip are package managers that have predefined install paths for the libraries. So you can run them from anywhere.
Case!!nice
ARE YOU ABLE TO EDIT THE BLENDER FILE?
Hi! I am trying to build a simple program but kept on encountering this error. Any idea how tp fix this? Thanks! [WARNING]: ERROR: /mnt/c/Users/Public/PYTHON/main/.buildozer/android/platform/build-arm64-v8a_armeabi-v7a/dists/myapp/gradlew failed! No setup.py/pyproject.toml used, copying full private data into .apk. Applying Java source code patches... Applying patch: src/patches/SDLActivity.java.patch # Command failed: ('/usr/bin/python3', '-m', 'pythonforandroid.toolchain', 'apk', '--bootstrap', 'sdl2', '--dist_name', 'myapp', '--name', 'My Application', '--version', '0.1', '--package', 'org.test.myapp', '--minsdk', '21', '--ndk-api', '21', '--private', '/mnt/c/Users/Public/PYTHON/main/.buildozer/android/app', '--android-entrypoint', 'org.kivy.android.PythonActivity', '--android-apptheme', '@android:style/Theme.NoTitleBar', '--orientation', 'portrait', '--window', '--enable-androidx', '--copy-libs', '--arch', 'arm64-v8a', '--arch', 'armeabi-v7a', '--color=always', '--storage-dir=/mnt/c/Users/Public/PYTHON/main/.buildozer/android/platform/build-arm64-v8a_armeabi-v7a', '--ndk-api=21', '--ignore-setup-py', '--debug')
try asking chatgpt or gemini and they will have a proper lecture of your problem.
same error on my side with wsl ubuntu 24.04....try 22.04
thank you very much. u save my life
Anybody face issues with image rendering on the Hero page? Anything help. Thank you!
adb logcat | grep "python" Worked for me probably cuz of different version of adb.
one of the worst tutorials out there. a tutorial is supposed to give you step by step instructions, you missed out the bit right at the start where you created the first edge, and then you scaled the entire thing up 20X, but didnt mention a word, making me wonder why for time i couldnt get the extrusion right. thanks.
I can't run kivy app on ubuntu subsystem. It keeps saying segmentation fault. Do you perhaps know why this happens? And how to fix it. I've been searching for solutions for days but nothing seems to work 😢 btw, I'm using windows 11
this is my first 3d model video. i picked a good one. thank you.
after finishing it fails with an error and says, packaging has no attribute version... what does this mean?
Even after 2 years work like a charm, thanks!
You're welcome :)
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
I was struggling with that. Thanks a lot!
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 ;)