|  

MERN Stack Portfolio Application



Size :3.9 GB
Peers : Seeders : 0      Leechers : 0
Added : 2 years ago » by tutsnode » in Other
Language : English
Last Updated :6 months ago
Info_Hash :E34ABEF6406ABC17EF0608BA11D21044348C130E

Torrent File Contents

MERN Stack Portfolio Application
  [TutsNode.net] - 12. Admin Panel - 2/6. Contact Info in Admin.mp4
  -  241.59 MB

  TutsNode.net.txt
  -  63 Bytes

  [TGx]Downloaded from torrentgalaxy.buzz .txt
  -  585 Bytes

  .pad/0
  -  414.6 KB

  [TutsNode.net] - 12. Admin Panel - 2/2. Add new experience.mp4
  -  216.33 MB

  .pad/1
  -  688.61 KB

  [TutsNode.net] - 12. Admin Panel - 2/4. Projects Add , Edit , Delete.mp4
  -  191.14 MB

  .pad/2
  -  878.25 KB

  [TutsNode.net] - 9. Adding existing data/2. Adding data to mongo db.mp4
  -  164.59 MB

  .pad/3
  -  423 KB

  [TutsNode.net] - 10. Get Portfolio data to UI/2. Get Data UI.mp4
  -  157.05 MB

  .pad/4
  -  973.19 KB

  [TutsNode.net] - 12. Admin Panel - 2/5. Courses Add , Edit , Delete.mp4
  -  152.71 MB

  .pad/5
  -  295.84 KB

  [TutsNode.net] - 13. Admin Login/1. Login Part - 1.mp4
  -  144.07 MB

  .pad/6
  -  956.59 KB

  [TutsNode.net] - 12. Admin Panel - 2/3. Update and delete experience.mp4
  -  143.3 MB

  .pad/7
  -  716.97 KB

  [TutsNode.net] - 7. Left Sidebar and Loader/1. Left Sidebar.mp4
  -  140.74 MB

  .pad/8
  -  263.38 KB

  [TutsNode.net] - 4. Experience/1. Experience Part - 1.mp4
  -  138.71 MB

  .pad/9
  -  298.18 KB

  [TutsNode.net] - 11. Admin Panel - 1/2. Intro Section Form.mp4
  -  132.13 MB

  .pad/10
  -  886.26 KB

  [TutsNode.net] - 4. Experience/2. Experience Part - 2.mp4
  -  128.46 MB

  .pad/11
  -  554.24 KB

  [TutsNode.net] - 10. Get Portfolio data to UI/3. Populate dynamic data in all sections.mp4
  -  128.27 MB

  .pad/12
  -  750.51 KB

  [TutsNode.net] - 11. Admin Panel - 1/1. Admin Panel Demo.mp4
  -  126.21 MB

  .pad/13
  -  806.5 KB

  [TutsNode.net] - 9. Adding existing data/1. Creating Models.mp4
  -  117.56 MB

  .pad/14
  -  451.96 KB

  [TutsNode.net] - 6. Contact and Footer/1. Contact.mp4
  -  114.14 MB

  .pad/15
  -  880.72 KB

  [TutsNode.net] - 8. Backend Setup/2. Mongo Db Node connection.mp4
  -  112.07 MB

  .pad/16
  -  947.25 KB

  [TutsNode.net] - 12. Admin Panel - 2/1. Get experiences data in admin.mp4
  -  105.24 MB

  .pad/17
  -  776.74 KB

  [TutsNode.net] - 10. Get Portfolio data to UI/1. Get data API.mp4
  -  102.22 MB

  .pad/18
  -  798.79 KB

  [TutsNode.net] - 5. Projects and Courses/1. Projects.mp4
  -  98.61 MB

  .pad/19
  -  397.43 KB

  [TutsNode.net] - 2. Intro Section/2. Intro.mp4
  -  95.02 MB

  .pad/20
  -  1004.63 KB

  [TutsNode.net] - 3. About/1. About Developer.mp4
  -  93.36 MB

  .pad/21
  -  651.4 KB

  [TutsNode.net] - 3. About/3. Making Responsive.mp4
  -  91.29 MB

  .pad/22
  -  723.38 KB

  [TutsNode.net] - 14. Deployment/1. Github and Deployment.mp4
  -  90.63 MB

  .pad/23
  -  383.05 KB

  [TutsNode.net] - 11. Admin Panel - 1/4. About Data Update.mp4
  -  89.8 MB

  .pad/24
  -  208.78 KB

  [TutsNode.net] - 2. Intro Section/1. Header.mp4
  -  89.05 MB

  .pad/25
  -  972.47 KB

  [TutsNode.net] - 11. Admin Panel - 1/3. Intro Data Update.mp4
  -  87.41 MB

  .pad/26
  -  607.18 KB

  [TutsNode.net] - 7. Left Sidebar and Loader/2. Full screen loader.mp4
  -  82.21 MB

  .pad/27
  -  807.09 KB

  [TutsNode.net] - 1. Introduction/1. Promo.mp4
  -  78.43 MB

  .pad/28
  -  587.58 KB

  [TutsNode.net] - 13. Admin Login/2. Login Part - 2.mp4
  -  69.59 MB

  .pad/29
  -  423.09 KB

  [TutsNode.net] - 5. Projects and Courses/2. Courses.mp4
  -  65.95 MB

  .pad/30
  -  49.52 KB

  [TutsNode.net] - 1. Introduction/3. Tailwind Setup.mp4
  -  60.41 MB

  .pad/31
  -  600.7 KB

  [TutsNode.net] - 3. About/2. Skills.mp4
  -  45.74 MB

  .pad/32
  -  264.21 KB

  [TutsNode.net] - 8. Backend Setup/1. Node Express Server Setup.mp4
  -  44.02 MB

  .pad/33
  -  1007.52 KB

  [TutsNode.net] - 6. Contact and Footer/2. Footer.mp4
  -  39.8 MB

  .pad/34
  -  206.56 KB

  [TutsNode.net] - 1. Introduction/2. React Setup.mp4
  -  37.88 MB



Torrent Description


Description

Hi , Welcome to MERN Stack Portfolio Application

In this course you will be having two different parts –

Part 1

In this first part we will build a static portfolio using React and Tailwind CSS. We will use following concepts from react and tailwind css to build the first part .

Colors, Heights, Widths
Flexboxes and Alignments
Custom Animations using CSS
Positions (Fixed , Absolute , Relative)
Responsiveness and Grid system in Tailwind CSS
Components in React
Props states and props
Routing

Part 2

In the second we will convert the static portfolio into the dynamic portfolio. Compared to the durartion of first part , the second part duration is very high. We will complete the first part of the course in almost 2 hours. Then we will work on making the first part dynamic. We will use following concepts in second Part.

Node Express Server Setup

Node – Mongo Connection

Working with mongo db models and schemas

Building Api’s to make the portfolio dynamic.

Working with Antd UI components to build the portfolio admin panel

Why Portfolio

The importance of having a professional online presence is more important than ever, and an online portfolio will certainly increase your visibility and presence. Creating your portfolio website allows you to share and showcase your work easily with the employers you’d like to work for.

If an employer sees your website link in your signature or on your resume, they’ll likely click on it to see what you’ve built. Seeing you’ve taken the time to build a website featuring work samples, recommendations, previous presentations and more will be a killer first impression.

Tech Stack

MERN is one of several variations of the MEAN stack (MongoDB Express Angular Node), where the traditional Angular.js front-end framework is replaced with React.js. Other variants include MEVN (MongoDB, Express, Vue, Node), and really any front-end JavaScript framework can work.

Tailwind CSS is basically a utility-first CSS framework for rapidly building custom user interfaces. It is a highly customizable, low-level CSS framework that gives you all of the building blocks you need to build bespoke designs without any annoying opinionated styles you have to fight to override.

Why Portfolio
Who this course is for:

Fullstack Developers
Front End Developers
Students who want to build their own dynamic portfolio

Requirements

React JS
Tailwind CSS Basics

Last Updated 8/2022