rede social inspirada no youTube para aprendizado na area da programação utilizando o react js juntamente com typescript

Overview

media for devs a rede social de videos para programadores

link do projeto api repositorio

projeto feito com o objetivo de exercitar minhas skills tanto com node quanto com react aprendi bastante coisa em quanto programava ele como:

  • quando voce divide a api eme rotas e controladores o codigo fica muito mais organizado
  • utilização de hooks no react tanto para manipulação de estados quanto com efeitos colaterais
  • utilização de styled components é muito melhor que css puro e usar o sass é muito mais facil que o mesmo
  • pensar em como vou encaixar um componente dentro de outro e visualizar oq posso transformar em componente para reaproveitamento de codigo

kkkk aprendi bastante coisa legal com ele

passo a passo para rodar no seu dispositivo

  • baixar o node https://nodejs.org/en/
  • baixar o git https://git-scm.com/
  • clonar este repositorio no seu dispositivo via terminal com o comando git clone https://github.com/matheuspython/formulario-com-react
  • entre no diretorio do repositorio com o comando cd formulario-com-react
  • execute o comando npm i
  • execute o comando npm start
  • apos carregar digite a seguinte url no seu browser http://localhost:3000/
  • e pronto ;)
You might also like...

Startup Landing Page Components for React.js

neal-react neal-react is a collection of reactjs components to quickly build landing pages. I found that using hosted services like Launchrock doesn't

Nov 30, 2022

Minimal Portfolio Page Built with React

Minimal Portfolio Page Built with React

Minimal Portfolio Page Built with React Documentation : https://github.com/singhkshitij/My-Landing-Page/wiki/ Demo https://singhkshitij.github.io/My-L

Dec 19, 2022

Small utility for react-redux's `useSelector` that allows passing args.

use-selector-with Monorepo for the following two packages: use-selector-with: Small utility for react-redux's useSelector that allows passing args. es

Jan 28, 2022

Set of react components based on styled-components

React to styled Links Documentation Contributing Ask question or give feedback Packages @react-to-styled/components – all components in one package @r

Jan 1, 2023

PTBR: Um bot criado para enviar mensagem para recrutadores na área de TI. ENG: A bot created to send message for recruiters in the IT area.

Bot-linkedin Um bot criado para enviar mensagem para recrutadores na area de TI. Para que serve? Devido a demanda em ter que conectar com os empregado

Sep 27, 2022

Rede social baseada no ShareMe para compartilhamento e download de fotos em React,Sanity.io e TailWindCSS

Rede social baseada no ShareMe para compartilhamento e download de fotos em React,Sanity.io e TailWindCSS

Photophan 📄 Descrição phothopan é uma rede social para o compartilhamento e download de imagens,foi desenvolvida utilizando React(Frontend),Sanity(Ba

Jan 8, 2022

Site para treinar minhas habilidades com o react no frontEnd (totalmente voltado para o aprendizado)

Tutorial Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you ca

Jan 31, 2022

Projeto Criado Juntamente com @omariosouto e @peas na imersão React da @alura.

Projeto Criado Juntamente com @omariosouto e @peas na imersão React da @alura.

Aluracord-Matrix Projeto Criado por @Levi-Magny juntamente com @omariosouto e @peas na imersão React da @alura. Sobre o Projeto: Este Projeto foi inic

Feb 21, 2022

Repositório criado para prática do dia 14/05 utilizando nodeJs, express, nodemon e MVC. Como base utilizamos o modelo ER criado para uma locadora de filmes fictícia.

gamabuster Repositório criado para prática do dia 14/05 utilizando nodeJs, express, nodemon e MVC. Como base utilizamos o modelo ER criado para uma lo

May 18, 2022

Projeto desenvolvido para o curso de desenvolvimento fullstack da escola de programação Driven.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Nov 11, 2022

Projeto desenvolvido para o curso de desenvolvimento fullstack da escola de programação Driven.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Nov 11, 2022

Criei uma série de exercícios para ajudar as pessoas que estão começando com programaçao em javaSript

Pratique-js Antes do desenvolvimento ⏮️ 1 - Faça o clone do repositório na sua máquina utilizando ssh ou https git clone 2 - Instale o npm npm insta

Jul 27, 2022

API em NodeJS, utilizando banco de dados MongoDB (TypeORM), com cobertura de testes (coverages), utilizando o Jest

API em NodeJS, utilizando banco de dados MongoDB (TypeORM), com cobertura de testes (coverages), utilizando o Jest

Api Backend Tindin Sobre API em NodeJS, utilizando banco de dados MongoDB (TypeORM), com cobertura de testes (coverages), utilizando o Jest. 👉 app ur

Jan 20, 2022

Projeto realizado como meio de aprendizado do Front-End e do Bootstrap. Tentei testar algumas animações e expor o máximo de criatividade possível😜

Projeto realizado como meio de aprendizado do Front-End e do Bootstrap. Tentei testar algumas animações e expor o máximo de criatividade possível😜

Steck Cars Demonstração : Sobre Projeto realizado como meio de aprendizado do Front-End e do Bootstrap. Tentei testar algumas animações e expor o máxi

Jan 10, 2022

Um projeto feito utilizando a biblioteca React para entrada e saída de custos e serviços realizados.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Mar 9, 2022

Projeto de exemplo para realização de testes de integração (API) utilizando o Cypress

Projeto de exemplo para realização de testes de integração (API) utilizando o Cypress

Nov 28, 2022

Backend para encurtar url utilizando o que aprendi no Ignite da Rocketseat.

🔗 URL Shortener 🔗 💡 Tecnologias | 💻 Projeto | 🚀 Como executar | 📝 Licença 💡 Tecnologias Esse projeto foi desenvolvido com as seguintes tecnolog

Jan 25, 2022
Owner
matheus souza
web programmer specialized in the front end
matheus souza
Deploying a React App (created using create-react-app) to GitHub Pages

Deploying a React App* to GitHub Pages * created using create-react-app Introduction In this tutorial, I'll show you how I deployed a React app—which

gitname 4.4k Dec 31, 2022
A package of small but beautiful React components from the planet, Pluto. 🔵 Get minimal components for your React based applications 😍

React Pluto Component Design System + UI Kit A package of small but beautiful React components from the planet Pluto. To install the latest version, r

Yash Sehgal 17 Aug 8, 2022
Fluent UI web represents a collection of utilities, React components, and web components for building web applications.

Fluent UI Web ?? ?? ?? Version 8 of @fluentui/react is now available on npm! ?? ?? ?? See the release notes for more info, and please file an issue if

Microsoft 14.5k Jan 4, 2023
React styling. Plain and simple.

Table of Contents Install Getting Started Usage API Install npm install react-classy Getting Started Classy makes styling React components composable,

Inturn 25 Jan 1, 2023
styled component for react & style-loader/usable

react-styled ES7 decorator for dynamic stylesheet usage w/ webpack install $ npm install bloody-react-styled --save-dev require import styled from "bl

Matthias Le Brun 37 Sep 26, 2022
Use CSS-in-JavaScript with themes for React without being tightly coupled to one implementation

react-with-styles Use CSS-in-JavaScript for your React components without being tightly coupled to one implementation (e.g. Aphrodite, Radium, or Reac

Airbnb 1.7k Dec 8, 2022
A built-time CSS library for styling React components.

Stylin Stylin is a build-time CSS library that offers an elegant way to style React components. It extends CSS Modules and adds some missing features

Sultan 173 Dec 30, 2022
A React.js Nice Resume Template

React Nice Resume DEMO is here About particles-bg library This project uses the react particle background component library https://github.com/lindelo

Nordic Giant 476 Dec 28, 2022
A react wonderful landingpage template

Wonderful Landing Page Template LIVE DEMO Description This is a ReactJS based landing page template, fit for a startup company/service with a one page

wonderful landing page 104 Jan 6, 2023