#2 DESIGN 'TRELLO APP' LAYOUT WITH REACT HOOK | MERN STACK BUILD TRELLO FROM SCRATCH FOR BEGINNERS

Published: 01 January 1970
on channel: HaryPhamDev
6,274
45

I just landed a new job, which required me to know about React.JS (using Functional Component /React Hooks) and Node.JS with MongoDB as a backend server. It's been a long time since the last time I've used MongoDB with React, so I made this tutorial, building a clone Trello Application.
This tutorial is my way to learn/remember new things, learning by doing a project from scratch.

👉 In this video, we're gonna design a 'Trello app' layout with React.JS Hook.

👉 The Image Link I used: https://github.com/haryphamdev/sharin...

🤝 New videos will be updated into this playlist (at least 1 video every week):
   • #1 HOW TO WRITE HELLO WORLD WITH REAC...  

----
👀 About this project - Building a Trello App from scratch with MERN stack for beginners:
👉 Frontend:
React.JS for building UI
SASS/SCSS to write CSS code
Redux to manage React's state
Hook to write React Component

👉 Backend:
Node.JS platform (environment)
Express Framework
MongoDB to store data
----

📚 Materials/References:
Source code this video from my GitHub: https://github.com/haryphamdev/react-...
React Create-react-app: https://reactjs.org/docs/create-a-new...

🧠 Concepts Covered:
0:00 Demo project
1:21 Testing SCSS
2:40 Design App layout
4:00 CSS App layout
4:45 Define global scss variables
6:00 CSS Navigation bar
8:35 Design 'single column'
11:15 CSS 'single column'
17:20 CSS li, img tags
23:45 Scroll vertical
25:03 Customize oy-scroll
27:50 Customize ox-scroll
30:10 Review all files change


🌎 Find Me Here:
Youtube Channel:    / @askitwitheric  
Facebook Fanpage:   / haryphamdev  
Patreon:   / haryphamdev  
Twitter:   / haryphamdev  
GitHub: https://github.com/haryphamdev

PLEASE CLICK THE 🔔BELL TO GET UPDATES AND DON'T FORGET TO ► SUBSCRIBE! ► https://bit.ly/subscribe-haryphamdev


Watch video #2 DESIGN 'TRELLO APP' LAYOUT WITH REACT HOOK | MERN STACK BUILD TRELLO FROM SCRATCH FOR BEGINNERS online without registration, duration hours minute second in high quality. This video was added by user HaryPhamDev 01 January 1970, don't forget to share it with your friends and acquaintances, it has been viewed on our site 6,274 once and liked it 45 people.