No video

Build a Node/Express API with TypeScript, MySQL on PlanetScale, and Web Scraping with Cheerio

  Рет қаралды 35,402

James Q Quick

James Q Quick

Күн бұрын

Looking for an API that doesn't exist? Go and build it yourself!
In this video, we'll create an API for characters from one of my favorite book series, Throne of Glass. We'll use Node/Express for the server and add TypeScript on top of it. Then we'll use Cheerio to web scape the Throne of Glass Wiki page and save the data into a PlanetScale database.
Github Repo - github.com/jam...
PlanetScale + Express - github.com/jam...
Setup TypeScript + Node - ultimatecourse...
STAY IN TOUCH 👋
Check out the Podcast - compress.fm
Newsletter 🗞 - www.jamesqquic...
Live streams on Twitch 🖥️ - / jamesqquick
Follow me on Twitter 🐦 - / jamesqquick
QUESTIONS...?
Join the Discord Server 💬 - / discord
Want to know what hardware and software I use? www.jamesqquic...
Learn Web Development 📖 - www.jamesqquic...

Пікірлер: 45
@pappapuddins
@pappapuddins 2 жыл бұрын
The fact that you are willing to step outside of your comfort zone so as not exclude anyone is amazing, there needs to be more like you.
@MaxProgramming
@MaxProgramming 2 жыл бұрын
This is all what we have been waiting for!!!! Especially with Typescript 🥳
@JamesQQuick
@JamesQQuick 2 жыл бұрын
I'm planning on doing more with TypeScript!
@davidtzirima9301
@davidtzirima9301 2 жыл бұрын
love those configuration have been looking for this thanks man
@JamesQQuick
@JamesQQuick 2 жыл бұрын
Yay :)
@manugentoodrums
@manugentoodrums 2 жыл бұрын
this is super dope mate!
@nedneo3255
@nedneo3255 2 жыл бұрын
정말 재밌는 네용입니다. 항상 잘 보고 있습니다. 감사합니다.
@migueljarias
@migueljarias 2 жыл бұрын
Man PlanetScale looks super cool
@JamesQQuick
@JamesQQuick 2 жыл бұрын
Yesssss!!! :)
@sneddonisaac
@sneddonisaac 2 жыл бұрын
Please show how to deploy the node app - awesome vid btw love the channel
@Skylla54
@Skylla54 2 жыл бұрын
Sick Workflow
@0xrod
@0xrod 2 жыл бұрын
What's that extension that auto completes your terminal commands?
@teofilomonteiro9427
@teofilomonteiro9427 2 жыл бұрын
I'm also want to understand, it looks so neat!
@boskameel
@boskameel 2 жыл бұрын
It’s probably Fig.
@nathanielcameron8006
@nathanielcameron8006 2 жыл бұрын
James is muh favorite.
@JamesQQuick
@JamesQQuick 2 жыл бұрын
My man!
@ReignOfKaka
@ReignOfKaka 2 жыл бұрын
Whoa that was cool 👍
@okayatbikes1909
@okayatbikes1909 2 жыл бұрын
Magic! 🤩
@JamesQQuick
@JamesQQuick 2 жыл бұрын
Yeah it's fun stuff!
@abhishekmishra9841
@abhishekmishra9841 2 жыл бұрын
Sir make full stack video with postgres react express or I do suggest create Dashboard management system please 🙏🏻❤️
@Behzad999able1
@Behzad999able1 2 жыл бұрын
Thanks for sharing.
@tmxwll
@tmxwll 2 жыл бұрын
Hello James, is it intended that you cant create more than one db on planetscale in your main org, but you can easily add anoter org and add a db? Thanks for your great content😊
@markhuggins9256
@markhuggins9256 2 жыл бұрын
Not sure if the planetScale lib helps with any of this but scrub your params. /characters/; drop table Characters; :-)
@JamesQQuick
@JamesQQuick 2 жыл бұрын
Such a good point. I oughta do a video about that!
@tn9753
@tn9753 2 жыл бұрын
Thank you.
@dominikkin2588
@dominikkin2588 2 жыл бұрын
Hello, thank you for the tutorial. i will get to it once I'm done with current stuff. One question though: how is it with copyright issues when scraping data from this Wiki page? Especially when it comes to images? Is this all fine? Can we use this in our API? Thanks
@syrup8345
@syrup8345 2 жыл бұрын
Hi I tried to use planetscale and the project without the CLI just for curiosity and interestingly the app.ts show me and error the DATABASE_URL is undefined Is it possible to need something extra for using the .env variables?
@syrup8345
@syrup8345 2 жыл бұрын
Never mind :D I figured it out, needed the dotenv, import it and the dotenv config :D wii
@jeffz7310
@jeffz7310 2 жыл бұрын
how come after you installed all the packages, there is no package-lock.json file created? Just the package.json.
@horyekhunley
@horyekhunley 2 жыл бұрын
How can planetscale be used with java spring boot? While when i run the pscale connect dbName dbBranch --execute 'npm run dev' I get an error TypeError: Cannot read property 'substr' of null... Seems the issue is from const connection = mysql.createConnection(connectionString)
@NibbyBanana
@NibbyBanana 2 жыл бұрын
I'm pretty sure you put in a SQL injection exploit in there.
@JamesQQuick
@JamesQQuick 2 жыл бұрын
Great callout. I might do a video on that!
@joseywoermann
@joseywoermann 2 жыл бұрын
How?
@JamesQQuick
@JamesQQuick 2 жыл бұрын
@@joseywoermann someone could send a sql string as the path parameter
@maelstrom57
@maelstrom57 2 жыл бұрын
How come your version of ts-node works with the import syntax? I get the error: TypeError [ERR_UNKNOWN_FILE_EXTENSION]: Unknown file extension ".ts" Every StackOverflow post I've seen says to remove "type": "module" from package.json but then I have to use CommonJS modules, which is kind of annoying. EDIT - Solved. I had to add this above "compilerOptions" in my tsconfig.json: "extends": "ts-node/node12/tsconfig.json", "ts-node": { "transpileOnly": true, "files": true, "compilerOptions": {} },
@JamesQQuick
@JamesQQuick 2 жыл бұрын
Ah yes. There you go!!!
@boukhadc
@boukhadc 2 жыл бұрын
Use loopback for typescript
@ambroseahawo
@ambroseahawo 2 жыл бұрын
the vscode theme?
@FaizanAnwerAli
@FaizanAnwerAli 2 жыл бұрын
Need tutorial planetscale db publish to production.
@abhinandankhilari9729
@abhinandankhilari9729 2 жыл бұрын
Which font it is?
@JamesQQuick
@JamesQQuick 2 жыл бұрын
Cascadia code :)
@thegreatprogrammer5937
@thegreatprogrammer5937 2 жыл бұрын
Hey is Quick your real last name? And what's that Q in the middle?
@JamesQQuick
@JamesQQuick 2 жыл бұрын
Yep! And Quentin is my middle name :)
@Viralplace
@Viralplace 2 жыл бұрын
I don’t know typescript 😞
@JamesQQuick
@JamesQQuick 2 жыл бұрын
No worries. I’m learning as well.
5 JavaScript Concepts You HAVE TO KNOW
9:38
James Q Quick
Рет қаралды 1,4 МЛН
TypeScript Origins: The Documentary
1:21:36
OfferZen Origins
Рет қаралды 284 М.
Blue Food VS Red Food Emoji Mukbang
00:33
MOOMOO STUDIO [무무 스튜디오]
Рет қаралды 21 МЛН
Get 10 Mega Boxes OR 60 Starr Drops!!
01:39
Brawl Stars
Рет қаралды 19 МЛН
What will he say ? 😱 #smarthome #cleaning #homecleaning #gadgets
01:00
The Most Legendary Programmers Of All Time
11:49
Aaron Jack
Рет қаралды 552 М.
Top 10 CSS One Liners That Will Blow Your Mind
13:34
developedbyed
Рет қаралды 945 М.
Build an API Proxy Server - Hide Your API Keys, Rate Limiting & Caching
32:20
Fix These 5 Things For Better Performance ("Quick" Reaction)
12:06
James Q Quick
Рет қаралды 1,8 М.
The Story of Next.js
12:13
uidotdev
Рет қаралды 568 М.
Make Money from your API Tutorial
13:10
Fireship
Рет қаралды 873 М.
What is NPM, and why do we need it? | Tutorial for beginners
14:27
Coder Coder
Рет қаралды 311 М.
Build A Restful Api With Node.js Express & MongoDB | Rest Api Tutorial
53:55