Creating A Speech-To-Text To-Do List | Next.js, NextUI, & Python
Hi. This is a video that shows how to create a To-Do list with speech-to-text in Next.js, NextUI and Python(Flask).
It can be done in different ways; this is just the way that I was able to figure it out. This is a jam session while learning, meaning music and this video.
-----------------------------
--------------------------
*Goals of video:
To add speech to text to a to-do list project.
------------------
*What this video demonstrates?:
How to create a new repository from a template from GitHub to clone.
Creating a backend & frontend folder for the project.
How to create a Requirements.txt file.
How to get icons for a project.
How to import and install what's needed.
Python
NextUI/Next.js
--------------------------------------
*Timestamps:
Cloning 00:01.07
Backend & Frontend Folder 00:03.29
Requirements.txt File 00:05.53
Importing CSS 00:06.07
Getting A Mic Icon 00:06.27
Python File 00:07.00
How To Import & Install flask, flask_cors, pyaudio, and speech recognition 00:07.03
Finished Python File Scroll Through 00:11.47
Next.js Part & AddTaskInput.js File 13.17
How To Install React To An Existing Project 13.36
-How To Run The Backend Server 21.29
-How To Run The Frontend Server 21.49
-----------------
*Errors to Solutions Videos:
Next.js, NextUI, Visual Code Error | Moving App Into Another Folder Error - Solution.
• Next.js, NextUI, Visual Code Error | Movin...
Installing Flask
• Installing Flask | #flasktutorial #python ...
Solving The 'Use Client' Error | Next.js
• Solving The 'Use Client' Error | Next.js ...
If the Next.js server is trying to install Tailwind when you make an attempt to run it after cloning the repository and you want to use JavaScript,
stop the server.
You can stop the server by pressing 'Ctrl' and 'C' on your keyboard for Windows.
Then install React into your project. Try to start the Next.js server again, and it should be good.
--------------------------------
*GitHub repository of the pt1 todo list
https://github.com/cod34coffee/Nextjs...
-------------------------------------------------------------------
--------------
------------------------------------------------------------
Other Helpful Stuff:
Looking to host your WordPress site - Check out this site below.
https://bluehost.sjv.io/5g9akD
Automatically Create Your Blogs from Videos or any link.: Blogify AI
https://blogify.pxf.io/AWz15J
Tailwind - Marketing, Social Media, etc.
https://bit.ly/tailwindmarketingtool
Let's Connect
YouTube Channel: @codingvoyagers
Instagram Profile: kaeattar
-----------------------
#nextjstutorial #css #programming #codingtutorial #funcodingtutorials #todolistnextjs #nextui #nextjs #python #speechtotext #github