Are you at the point where you have learned enough about web development but wanting to practice with some projects? And have a hard time of finding projects to build? Well I have a few practical suggestions for you and hopefully these projects can help you level up your web development skills.
Build an application that displays data from an external API
Build your own API
here are a few youtube videos that i found are useful to walk you through this process
https://www.youtube.com/watch?v=pKd0Rpw7O48
https://www.youtube.com/watch?v=FLnxgSZ0DG4
https://www.youtube.com/watch?v=-MTSQjw5DrM
https://www.youtube.com/watch?v=l8WPWK9mS5M
Build an application with user authentication system
I will link some useful tutorials in the description down below:
https://www.digitalocean.com/community/tutorials/how-to-add-login-authentication-to-react-applications
https://auth0.com/blog/complete-guide-to-react-user-authentication/
https://developer.okta.com/blog/2018/06/08/add-authentication-to-any-web-page-in-10-minutes
Build an application that connects to a database via an ORM
- Prisma
- https://www.prisma.io/docs/
- https://flaviocopes.com/prisma/
- https://www.freecodecamp.org/news/build-nodejs-database-using-prisma-orm/
- Sequalize
- https://sequelize.org/docs/v6/getting-started/
- https://zetcode.com/javascript/sequelize/
- https://www.section.io/engineering-education/understanding-nodejs-sequelize-orm-models/
New to coding?
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
How to become a web developer in 2021: https://youtu.be/fyCAPjMgaCc
How to start: https://youtu.be/dBiuOmmmXHo
Top Languages: https://youtu.be/rypp0ukSCio
vlogs:
A day in a life of a software engineer: https://youtu.be/Zp8hXob_q0Q
COME SAY HI!
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Instagram: https://www.instagram.com/vickysdailystandup/
(I do weekend Q&A)
Twitter: https://twitter.com/DailyVickys/
Tiktok: @vickysdailystandup
Book a private career chat with me: https://calendly.com/contactvickymei
Business Inquiries (Contact Vicky): [email protected]
PROGRAMMING BOOKS:
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
⚡︎ Cracking the Coding Interview - https://amzn.to/32vTQOj
⚡︎ The Pragmatic Programmer - https://amzn.to/34FDJAI
⚡︎ The Clean Coder - https://amzn.to/3gBoj2H
⚡︎ Clean Code - https://amzn.to/2QxpUMa
⚡︎ HTML and CSS: Design and Build Websites - https://amzn.to/3gAk72U
⚡︎ A Smarter Way to Learn JavaScript (a bit outdated, it helps beginner have problem memorizing syntax)- https://amzn.to/3b3KXzx
⚡︎ Eloquent JavaScript - https://amzn.to/2YHG7TH
⚡︎ JavaScript Good Parts - https://amzn.to/3b9d6VR
⚡︎ You Don't Know JS: Scope & Closures - https://amzn.to/31yR8sc
⚡︎ You Don't Know JS: this & Object Prototypes - https://amzn.to/3b0N4E4
⚡︎ You Don't Know JS: Async & Performance - https://amzn.to/3hB8bPQ
⚡︎ You Don't Know JS: ES6 & Beyond - https://amzn.to/3hzWqcl
More on my store page:
https://www.amazon.com/shop/vickysdailystandup/
Music:
https://www.epidemicsound.com/referral/wpc4s6/
Build an application that displays data from an external API
Build your own API
here are a few youtube videos that i found are useful to walk you through this process
https://www.youtube.com/watch?v=pKd0Rpw7O48
https://www.youtube.com/watch?v=FLnxgSZ0DG4
https://www.youtube.com/watch?v=-MTSQjw5DrM
https://www.youtube.com/watch?v=l8WPWK9mS5M
Build an application with user authentication system
I will link some useful tutorials in the description down below:
https://www.digitalocean.com/community/tutorials/how-to-add-login-authentication-to-react-applications
https://auth0.com/blog/complete-guide-to-react-user-authentication/
https://developer.okta.com/blog/2018/06/08/add-authentication-to-any-web-page-in-10-minutes
Build an application that connects to a database via an ORM
- Prisma
- https://www.prisma.io/docs/
- https://flaviocopes.com/prisma/
- https://www.freecodecamp.org/news/build-nodejs-database-using-prisma-orm/
- Sequalize
- https://sequelize.org/docs/v6/getting-started/
- https://zetcode.com/javascript/sequelize/
- https://www.section.io/engineering-education/understanding-nodejs-sequelize-orm-models/
New to coding?
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
How to become a web developer in 2021: https://youtu.be/fyCAPjMgaCc
How to start: https://youtu.be/dBiuOmmmXHo
Top Languages: https://youtu.be/rypp0ukSCio
vlogs:
A day in a life of a software engineer: https://youtu.be/Zp8hXob_q0Q
COME SAY HI!
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Instagram: https://www.instagram.com/vickysdailystandup/
(I do weekend Q&A)
Twitter: https://twitter.com/DailyVickys/
Tiktok: @vickysdailystandup
Book a private career chat with me: https://calendly.com/contactvickymei
Business Inquiries (Contact Vicky): [email protected]
PROGRAMMING BOOKS:
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
⚡︎ Cracking the Coding Interview - https://amzn.to/32vTQOj
⚡︎ The Pragmatic Programmer - https://amzn.to/34FDJAI
⚡︎ The Clean Coder - https://amzn.to/3gBoj2H
⚡︎ Clean Code - https://amzn.to/2QxpUMa
⚡︎ HTML and CSS: Design and Build Websites - https://amzn.to/3gAk72U
⚡︎ A Smarter Way to Learn JavaScript (a bit outdated, it helps beginner have problem memorizing syntax)- https://amzn.to/3b3KXzx
⚡︎ Eloquent JavaScript - https://amzn.to/2YHG7TH
⚡︎ JavaScript Good Parts - https://amzn.to/3b9d6VR
⚡︎ You Don't Know JS: Scope & Closures - https://amzn.to/31yR8sc
⚡︎ You Don't Know JS: this & Object Prototypes - https://amzn.to/3b0N4E4
⚡︎ You Don't Know JS: Async & Performance - https://amzn.to/3hB8bPQ
⚡︎ You Don't Know JS: ES6 & Beyond - https://amzn.to/3hzWqcl
More on my store page:
https://www.amazon.com/shop/vickysdailystandup/
Music:
https://www.epidemicsound.com/referral/wpc4s6/
- Category
- Web design
Be the first to comment