Elevate your web development! Learn to build a dynamic portfolio using the MERN stack. A comprehensive guide for crafting a standout online presence.

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.

What you'll learn:

  •    Colors, Heights, Widths , Flexboxes and Alignments
  •    Custom Animations using CSS , Positions (Fixed , Absolute , Relative)
  •    Responsiveness and Grid system in Tailwind CSS
  •    Tailwind CSS
  •    Components , States , Props
  •    Redux Toolkit for State management
  •    Working with the combination of Antd and Tailwind CSS
  •    Working with Node JS , Mongo DB
  •    Building multiple schemas and models to make the portfolio dynamic
  •    Complete Projects Resourses and Q/A support

#mern #mongodb #react #expressjs #node #programming #developer #morioh #programmer #coding #softwaredeveloper #computerscience #webdev #webdeveloper #webdevelopment

Build a Dynamic Portfolio Application with MERN Stack
9.85 GEEK