React Project: Build Financial System Managment From Scratch

Build A Financial Website Real World App Responsive for Your Portfolio Using React js | Step By Step

What you'll learn

You will build a complete Financial and responsive react js project

How to pass data from one component to another component in react js

Build their own website like responsive Portfolio to showcase to the job interview or anywhere

Library React styled-components Install and how Use

Library React-Icons

You can learn real world and responsive website design from start to finish

React, Single Page Applications

Mobile Friendly Development (Mobile Responsiveness)

React Components

Learn how to make responsive website

Requirements

Basic of React JS

Students dont need to have any prior knowledge of react js for this course

Description

Bem-vindo a este React js Real Project.Neste curso, você criará um aplicativo da Web de página única responsivo completo do mundo real usando react js.Você também usará as melhores práticas em desenvolvimento de software.Este projeto tem muitas funcionalidades e recursos.Eu tentei adicionar diferentes tipos de recursos de react js.SE eu construir este projeto e postar no GITHUBO site do portfólio permite que você demonstre sua abordagem madura e profissional para vender seu trabalho e também a si mesmo.Construiremos este projeto do zero e você aprenderá o seguinte:StyledComponent JStipos em javascript do zeroAlinhar itens e outras técnicas na última versão Css3CAIXA FLEXReactHOOKSpropriedades passadas para componentesFaremos com que o projeto responda a diferentes tamanhos de tela para que todos os usuários possam acessar o site de qualquer dispositivo.Por que você precisa construir um portfólio? Isso é importante ?Sim. Um site de portfólio comunica seu profissionalismo e compromisso com a arte de forma mais eficaz e clara do que um currículo. Você não apenas conta; você apresenta exemplos e cenários da vida real que falam por si. Porque seu portfólio é o único lugar na internet onde você tem controle total. Antes da entrevista técnica, você geralmente precisa fazer uma ligação introdutória com o gerente de contratação e, nesse período, seu portfólio pode ajudá-lo a receber a primeira ligação do gerente de contratação. Seu portfólio é uma ótima oportunidade para mostrar suas habilidades como desenvolvedor, designer, pode ser de qualquer área.O site do portfólio permite que você demonstre sua abordagem madura e profissional para vender seu trabalho e também a si mesmo.

Overview

Section 1: Introduction and Configure your SETUP

Lecture 1 Tour Financial Project Course With React

Lecture 2 [WINDOWS] - How install NodeJs

Lecture 3 [WINDOWS] - How Install VSCODE

Lecture 4 how install YARN

Section 2: CREATE PROJECT AND Settings

Lecture 5 Create Project REACT With NPX and Install Dependencies

Lecture 6 organize the default project structure

Lecture 7 Create First File index.js in REACT PROJECT AND Run the REACT SERVER

Section 3: [StyledComponents] DEFAULT SETTINGS STYLE

Lecture 8 5-[ styledComponets] Create Formatting and organize the Global styledComponets

Lecture 9 [Style] Configure margin and Padding for all components

Section 4: [HeaderComponent] CREATE AND STYLE THE FIRST COMPONENT

Lecture 10 [headerComponent] criando Nosso primeiro component

Lecture 11 8-[Style] STYLE OUR HeaderComponent

Section 5: [ResumeComponent] CREATE AND STYLE AND CONFIGURE PROPERTIES

Lecture 12 [ResumeComponent] CREATE AND STYLE AND CONFIGURE

Section 6: [resumeItemComponent] CREATE AND STYLE ResumeItemComponent

Lecture 13 CREATE AND STYLE ResumeItemComponent

Section 7: [FormComponent] CREATE COMPONENT MAKE METHODS AND STYLE

Lecture 14 CREATE FormComponent COMPONENT MAKE METHODS AND STYLE

Section 8: [BACKEND] Services AND Methods for GET Data

Lecture 15 CREATE METHODS LOGICAL FOR GET DATA IN APP.JS

Section 9: [ResumeComponent] Make Changes in this Component

Lecture 16 Change ResumeComponent

Section 10: [BACKEND] METHODS FOR ADD NEW ITEMS

Lecture 17 CREATE METHODS AND LOGICAL FOR ADD NEW ITEMS

Section 11: [GridComponent ] CREATE COMPONENT FOR LIST ITEMS

Lecture 18 CREATE GridComponent FOR LIST ITEMS

Section 12: [GridItemComponent] Create and STYLE GridItemComponent

Lecture 19 Create GridItemComponent and make STyle

Lecture 20 Create Method in GridItemCOmponent for remove Items

Lecture 21 PUT in

Section 13: [FORMCOMPONENT] Make Changes and FINISH PROJECT

Lecture 22 Input title and style in options FormComponent

All the students who wants to create the responsive website design or development,Students who have the basic knowledge of Front End Web Development and want to develop their skills,If you want to become a react js developer,If you want to build your career as a frontend web developer,You want to improve your react js skills,You want to build a complete react js project,Students who want to Creative Next Level Portfolio Website,Students who want to build Real world website design,Beginner of Javascript, React, Bootstrap who want to learn how to build professional web apps,Students who wants to learn how to create their own portfolio website