Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/sucodelarangela/miniblog

Um miniblog desenvolvido com React, Firebase / Firestore e JavaScript.
https://github.com/sucodelarangela/miniblog

css express firebase javascript mongodb node react redux sass typescript vitrinedev

Last synced: about 2 months ago
JSON representation

Um miniblog desenvolvido com React, Firebase / Firestore e JavaScript.

Host: GitHub
URL: https://github.com/sucodelarangela/miniblog
Owner: sucodelarangela
Created: 2022-06-25T16:16:46.000Z (over 2 years ago)
Default Branch: main
Last Pushed: 2024-08-15T21:41:03.000Z (5 months ago)
Last Synced: 2024-08-15T23:04:15.468Z (5 months ago)
Topics: css, express, firebase, javascript, mongodb, node, react, redux, sass, typescript, vitrinedev
Language: JavaScript
Homepage:
Size: 1.31 MB
Stars: 5
Watchers: 1
Forks: 2
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        


# Exercícios do curso de React | Udemy - Matheus Battisti (em andamento)



_[Read it in English](#English)_

Neste repositório serão guardados todos os códigos desenvolvidos ao longo do curso de React do instrutor Matheus Battisti, do [Hora de Codar](https://www.horadecodar.com.br/).

Alguns dos tópicos abordados neste curso: Fundamentos do React; JSX; Componentização; CSS com React (Component, CSS Modules, global CSS); Formulários com React (Hooks, eventos, validações, envio para API); Requisições HTTP com React (Como enviar e receber dados de uma API); React Router; Context API; Hooks do React (useState, useEffect, useRef e todos os outros hooks); Node.js (Express, para APIs); MongoDB com Mongoose (banco de dados NoSQL); Firebase (solução completa do Google, com API, Database e Autenticação); JavaScript ES6+; Criação de APIs; JavaScript Moderno; TypeScript com React.

Também serão desenvolvidas aplicações completas ao longo do curso.

| 🪧 Vitrine.Dev   |                                                                                                                    |

| ---------------- | ------------------------------------------------------------------------------------------------------------------ |

| ✨ Nome          | **Exercícios de React** - Udemy - Matheus Battisti                                                                 |

| 🏷️ Tecnologias   | React, Sass, Node, MongoDB, Firebase, Redux, JavaScript, TypeScript                                                |

| 🚀 URL           | [**http://curso-react-udemy.vercel.app/**](http://curso-react-udemy.vercel.app/)                                   |

| 🔥 Link do curso | [**React do Zero à Maestria**](https://www.udemy.com/course/react-do-zero-a-maestria-c-hooks-router-api-projetos/) |

![](https://raw.githubusercontent.com/sucodelarangela/curso_react_udemy/main/10_MINIBLOG/miniblog/public/og-image.png#vitrinedev)



  

  

  

  



## 📈 Progresso do curso

- [x] [Módulo 1: Introdução](https://github.com/sucodelarangela/curso_react_udemy/tree/main/1_INTRO/hello-world)

- [x] [Módulo 2: Fundamentos](https://github.com/sucodelarangela/curso_react_udemy/tree/main/2_FUNDAMENTOS/fundamentos)

- [x] [Módulo 3: Hooks, listas, if/else, props](https://github.com/sucodelarangela/curso_react_udemy/tree/main/3_AVANCANDO_NO_REACT/avancando-react)

- [x] [Módulo 4: CSS em React](https://github.com/sucodelarangela/curso_react_udemy/tree/main/4_CSS_REACT)

- [x] [Módulo 5: Formulários com React](https://github.com/sucodelarangela/curso_react_udemy/tree/main/5_FORM_REACT/forms)

- [x] [Módulo 6: **Projeto 1** - Secret Word](https://github.com/sucodelarangela/curso_react_udemy/tree/main/6_SECRET_WORD/secretword)

- [x] [Módulo 7: Requisições HTTP](https://github.com/sucodelarangela/curso_react_udemy/tree/main/7_REQ_HTPP/httpreact)

- [x] [Módulo 8: React Router](https://github.com/sucodelarangela/curso_react_udemy/tree/main/8_REACT_ROUTER/reactrouter)

- [x] [Módulo 9: Context API](https://github.com/sucodelarangela/curso_react_udemy/tree/main/9_CONTEXT/context)

- [x] [Módulo 10: **Projeto 2** - Miniblog (Firebase, Router e Context)](https://github.com/sucodelarangela/curso_react_udemy/tree/main/10_MINIBLOG/miniblog)

- [x] [Módulo 11: Entendendo Hooks](https://github.com/sucodelarangela/curso_react_udemy/tree/main/11_HOOKS/reacthooks)

- [ ] Módulo 12: **Projeto 3** - ReactGram (Redux, Express, MongoDB, Mongoose)

- [x] [Módulo 13: Apêndice A: JavaScript moderno](https://github.com/sucodelarangela/curso_react_udemy/tree/main/13_ES6)

- [x] Módulo 14: Apêndice B: Introdução a APIs

- [x] Módulo 15: Apêndice C: Setup do TypeScript

- [x] [Módulo 16: Apêndice D: React com TypeScript](https://github.com/sucodelarangela/curso_react_udemy/tree/main/16_REACT_TS/react_com_ts)

- [x] [Módulo 17: Apêndice E: Projeto React com TypeScript](https://github.com/sucodelarangela/curso_react_udemy/tree/main/17_TODO_TS/todo_react)

- [x] [Módulo 18: Apêndice F: Projeto em React com a API do TMDB](https://github.com/sucodelarangela/curso_react_udemy/tree/main/18_MOVIES_LIB/movies_lib)

🔼 Voltar ao topo

---



_English version_



## 🔎 Overview

In this repository you will find all codes developed during the React course from the instructor Matheus Battisti, developer from the blog [Hora de Codar / Time to Code](https://www.horadecodar.com.br/).

Some topics covered in the training course: React fundamentals; JSX; Componentization; CSS with React (Component, CSS Modules, global CSS); Forms with React (Hooks, events, validations, APIs); HTTP requisitions (sending and receiving data from an API); React Router; Context API; React Hooks (useState, useEffect, useRef and all others); Node.js (Express); MongoDB with Mongoose (NoSQL database); Firebase (complete Google solution, with API, Database and Authentication); JavaScript ES6+; APIs creation; modern JavaScript; TypeScript.

Some applications will also be developed during the course.

## 📈 My Progress

- [x] [Section 1: Intro](https://github.com/sucodelarangela/curso_react_udemy/tree/main/1_INTRO/hello-world)

- [x] [Section 2: Fundamentals](https://github.com/sucodelarangela/curso_react_udemy/tree/main/2_FUNDAMENTOS/fundamentos)

- [x] [Section 3: Hooks, lists, if/else, props](https://github.com/sucodelarangela/curso_react_udemy/tree/main/3_AVANCANDO_NO_REACT/avancando-react)

- [x] [Section 4: CSS with React](https://github.com/sucodelarangela/curso_react_udemy/tree/main/4_CSS_REACT)

- [x] [Section 5: Forms with React](https://github.com/sucodelarangela/curso_react_udemy/tree/main/5_FORM_REACT/forms)

- [x] [Section 6: **Project 1** - Secret Word](https://github.com/sucodelarangela/curso_react_udemy/tree/main/6_SECRET_WORD/secretword)

- [x] [Section 7: HTTP Requisitions](https://github.com/sucodelarangela/curso_react_udemy/tree/main/7_REQ_HTPP/httpreact)

- [x] [Section 8: React Router](https://github.com/sucodelarangela/curso_react_udemy/tree/main/8_REACT_ROUTER/reactrouter)

- [x] [Section 9: Context API](https://github.com/sucodelarangela/curso_react_udemy/tree/main/9_CONTEXT/context)

- [x] [Section 10: **Project 2** - Miniblog (Firebase, Router, Context)](https://github.com/sucodelarangela/curso_react_udemy/tree/main/10_MINIBLOG/miniblog)

- [x] [Section 11: Understanding Hooks](https://github.com/sucodelarangela/curso_react_udemy/tree/main/11_HOOKS/reacthooks)

- [ ] Section 12: **Project 3** - ReactGram (Redux, Express, MongoDB, Mongoose)

- [x] [Section 13: Apendix A: modern JavaScript](https://github.com/sucodelarangela/curso_react_udemy/tree/main/13_ES6)

- [x] Section 14: Apendix B: Introduction to APIs

- [x] Section 15: Apendix C: TypeScript setup

- [x] [Section 16: Apendix D: React with TypeScript](https://github.com/sucodelarangela/curso_react_udemy/tree/main/16_REACT_TS/react_com_ts)

- [x] [Section 17: Apendix E: React App with TypeScript](https://github.com/sucodelarangela/curso_react_udemy/tree/main/17_TODO_TS/todo_react)

- [x] [Section 18: Apendix F: React App with TMDB's API](https://github.com/sucodelarangela/curso_react_udemy/tree/main/18_MOVIES_LIB/movies_lib)

🔼 Back to top

---

Developed with 🧡 by [@sucodelarangela](https://angelacaldas.vercel.app)