Course Content
Full Stack E-Commerce App (+8 hours free tutorial)
What technologies are used? Backend Server: Node.js Express Framework, JWT Database: MongoDB Payment Method: Stripe API Front-End Framework: React.js with hooks UI library: Styled Components State Management Library: Redux
0/3
Social Media App Using MERN Stack
If you want to be a full-stack web developer and stuck at just beginner projects, here is the chance to improve your skills and create something real. We are going to create a social media application from scratch. And this project is not going to include just a basic couple of methods and an unpleasant design, it's going to include a complete web API, impressive React components, and chat functionality. Let's dive into it!
0/3
React Instant Chat App Using Node.js and Socket.io
0/1
Full Stack Netflix App (7 hours free tutorial)
For this project I used Express API, MongoDB, React functional components, hooks with context API. I hope you will enjoy.
0/2
Full Stack Youtube Clone (5 hours free tutorial)
What technologies are used? Backend: Node.js Express Framework Database: MongoDB, Firebase Auth: JWT, Cookies, Firebase Google Auth Front-End Framework: React.js with hooks UI library: Styled Components State Management Library: Redux File Storage: Firebase Storage
0/2
Full Stack Development Projects
About Lesson

In this part, I’ve designed a YouTube-like video sharing app using React.js functional components, hooks and Styled Components. For the layout I preferred using Flexbox.

The app includes 4 pages and 7 small components.

  • src
    • pages
      • Home.jsx
      • Search.jsx
      • Video.jsx
      • SignIn.jsx
    • components
      • Card.jsx
      • Comments.jsx
      • Comment.jsx
      • Menu.jsx
      • Navbar.jsx
      • Recommendation.jsx
      • Upload.jsx