{"id":21206917,"url":"https://github.com/sucodelarangela/miniblog","last_synced_at":"2025-07-10T08:33:19.152Z","repository":{"id":40202462,"uuid":"507358969","full_name":"sucodelarangela/miniblog","owner":"sucodelarangela","description":"Um miniblog desenvolvido com React, Firebase / Firestore e JavaScript.","archived":false,"fork":false,"pushed_at":"2024-08-15T21:41:03.000Z","size":1372,"stargazers_count":5,"open_issues_count":0,"forks_count":2,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-08-15T23:04:15.468Z","etag":null,"topics":["css","express","firebase","javascript","mongodb","node","react","redux","sass","typescript","vitrinedev"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sucodelarangela.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-06-25T16:16:46.000Z","updated_at":"2024-08-15T23:04:24.044Z","dependencies_parsed_at":"2024-08-15T23:15:02.949Z","dependency_job_id":null,"html_url":"https://github.com/sucodelarangela/miniblog","commit_stats":null,"previous_names":["sucodelarangela/miniblog"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sucodelarangela%2Fminiblog","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sucodelarangela%2Fminiblog/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sucodelarangela%2Fminiblog/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sucodelarangela%2Fminiblog/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sucodelarangela","download_url":"https://codeload.github.com/sucodelarangela/miniblog/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":225629864,"owners_count":17499295,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","express","firebase","javascript","mongodb","node","react","redux","sass","typescript","vitrinedev"],"created_at":"2024-11-20T20:57:13.043Z","updated_at":"2024-11-20T20:57:13.681Z","avatar_url":"https://github.com/sucodelarangela.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv id='top'\u003e\r\n\r\n# Exercícios do curso de React | Udemy - Matheus Battisti (em andamento)\r\n\r\n\u003c/div\u003e\r\n\r\n_[Read it in English](#English)_\r\n\r\nNeste 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/).\r\n\r\nAlguns 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.\r\n\r\nTambém serão desenvolvidas aplicações completas ao longo do curso.\r\n\r\n| 🪧 Vitrine.Dev   |                                                                                                                    |\r\n| ---------------- | ------------------------------------------------------------------------------------------------------------------ |\r\n| ✨ Nome          | **Exercícios de React** - Udemy - Matheus Battisti                                                                 |\r\n| 🏷️ Tecnologias   | React, Sass, Node, MongoDB, Firebase, Redux, JavaScript, TypeScript                                                |\r\n| 🚀 URL           | [**http://curso-react-udemy.vercel.app/**](http://curso-react-udemy.vercel.app/)                                   |\r\n| 🔥 Link do curso | [**React do Zero à Maestria**](https://www.udemy.com/course/react-do-zero-a-maestria-c-hooks-router-api-projetos/) |\r\n\r\n![](https://raw.githubusercontent.com/sucodelarangela/curso_react_udemy/main/10_MINIBLOG/miniblog/public/og-image.png#vitrinedev)\r\n\r\n\u003cdiv\u003e\r\n  \u003cimg src=\"https://img.shields.io/badge/React-20232A?style=for-the-badge\u0026logo=react\u0026logoColor=61DAFB\"/\u003e\r\n  \u003cimg src=\"https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge\u0026logo=javascript\u0026logoColor=black\"\u003e\r\n  \u003cimg src=\"https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge\u0026logo=css3\u0026logoColor=white\"\u003e\r\n  \u003ca href=\"https://sass-lang.com/\" target='_blank'\u003e\u003cimg src=\"https://img.shields.io/badge/sass-CC6699?style=for-the-badge\u0026logo=sass\u0026logoColor=white\"/\u003e\u003c/a\u003e\r\n\u003c/div\u003e\r\n\r\n## 📈 Progresso do curso\r\n\r\n\u003c!-- prettier-ignore --\u003e\r\n- [x] [Módulo 1: Introdução](https://github.com/sucodelarangela/curso_react_udemy/tree/main/1_INTRO/hello-world)\r\n- [x] [Módulo 2: Fundamentos](https://github.com/sucodelarangela/curso_react_udemy/tree/main/2_FUNDAMENTOS/fundamentos)\r\n- [x] [Módulo 3: Hooks, listas, if/else, props](https://github.com/sucodelarangela/curso_react_udemy/tree/main/3_AVANCANDO_NO_REACT/avancando-react)\r\n- [x] [Módulo 4: CSS em React](https://github.com/sucodelarangela/curso_react_udemy/tree/main/4_CSS_REACT)\r\n- [x] [Módulo 5: Formulários com React](https://github.com/sucodelarangela/curso_react_udemy/tree/main/5_FORM_REACT/forms)\r\n- [x] [Módulo 6: **Projeto 1** - Secret Word](https://github.com/sucodelarangela/curso_react_udemy/tree/main/6_SECRET_WORD/secretword)\r\n- [x] [Módulo 7: Requisições HTTP](https://github.com/sucodelarangela/curso_react_udemy/tree/main/7_REQ_HTPP/httpreact)\r\n- [x] [Módulo 8: React Router](https://github.com/sucodelarangela/curso_react_udemy/tree/main/8_REACT_ROUTER/reactrouter)\r\n- [x] [Módulo 9: Context API](https://github.com/sucodelarangela/curso_react_udemy/tree/main/9_CONTEXT/context)\r\n- [x] [Módulo 10: **Projeto 2** - Miniblog (Firebase, Router e Context)](https://github.com/sucodelarangela/curso_react_udemy/tree/main/10_MINIBLOG/miniblog)\r\n- [x] [Módulo 11: Entendendo Hooks](https://github.com/sucodelarangela/curso_react_udemy/tree/main/11_HOOKS/reacthooks)\r\n- [ ] Módulo 12: **Projeto 3** - ReactGram (Redux, Express, MongoDB, Mongoose)\r\n- [x] [Módulo 13: Apêndice A: JavaScript moderno](https://github.com/sucodelarangela/curso_react_udemy/tree/main/13_ES6)\r\n- [x] Módulo 14: Apêndice B: Introdução a APIs\r\n- [x] Módulo 15: Apêndice C: Setup do TypeScript\r\n- [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)\r\n- [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)\r\n- [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)\r\n\r\n\u003ca href='#top'\u003e🔼 Voltar ao topo\u003c/a\u003e\r\n\r\n---\r\n\r\n\u003cdiv id=\"English\"\u003e\r\n\r\n_English version_\r\n\r\n\u003c/div\u003e\r\n\r\n## 🔎 Overview\r\n\r\nIn 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/).\r\n\r\nSome 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.\r\n\r\nSome applications will also be developed during the course.\r\n\r\n## 📈 My Progress\r\n\r\n\u003c!-- prettier-ignore--\u003e\r\n- [x] [Section 1: Intro](https://github.com/sucodelarangela/curso_react_udemy/tree/main/1_INTRO/hello-world)\r\n- [x] [Section 2: Fundamentals](https://github.com/sucodelarangela/curso_react_udemy/tree/main/2_FUNDAMENTOS/fundamentos)\r\n- [x] [Section 3: Hooks, lists, if/else, props](https://github.com/sucodelarangela/curso_react_udemy/tree/main/3_AVANCANDO_NO_REACT/avancando-react)\r\n- [x] [Section 4: CSS with React](https://github.com/sucodelarangela/curso_react_udemy/tree/main/4_CSS_REACT)\r\n- [x] [Section 5: Forms with React](https://github.com/sucodelarangela/curso_react_udemy/tree/main/5_FORM_REACT/forms)\r\n- [x] [Section 6: **Project 1** - Secret Word](https://github.com/sucodelarangela/curso_react_udemy/tree/main/6_SECRET_WORD/secretword)\r\n- [x] [Section 7: HTTP Requisitions](https://github.com/sucodelarangela/curso_react_udemy/tree/main/7_REQ_HTPP/httpreact)\r\n- [x] [Section 8: React Router](https://github.com/sucodelarangela/curso_react_udemy/tree/main/8_REACT_ROUTER/reactrouter)\r\n- [x] [Section 9: Context API](https://github.com/sucodelarangela/curso_react_udemy/tree/main/9_CONTEXT/context)\r\n- [x] [Section 10: **Project 2** - Miniblog (Firebase, Router, Context)](https://github.com/sucodelarangela/curso_react_udemy/tree/main/10_MINIBLOG/miniblog)\r\n- [x] [Section 11: Understanding Hooks](https://github.com/sucodelarangela/curso_react_udemy/tree/main/11_HOOKS/reacthooks)\r\n- [ ] Section 12: **Project 3** - ReactGram (Redux, Express, MongoDB, Mongoose)\r\n- [x] [Section 13: Apendix A: modern JavaScript](https://github.com/sucodelarangela/curso_react_udemy/tree/main/13_ES6)\r\n- [x] Section 14: Apendix B: Introduction to APIs\r\n- [x] Section 15: Apendix C: TypeScript setup\r\n- [x] [Section 16: Apendix D: React with TypeScript](https://github.com/sucodelarangela/curso_react_udemy/tree/main/16_REACT_TS/react_com_ts)\r\n- [x] [Section 17: Apendix E: React App with TypeScript](https://github.com/sucodelarangela/curso_react_udemy/tree/main/17_TODO_TS/todo_react)\r\n- [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)\r\n\r\n\u003ca href='#top'\u003e🔼 Back to top\u003c/a\u003e\r\n\r\n---\r\n\r\nDeveloped with 🧡 by [@sucodelarangela](https://angelacaldas.vercel.app)\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsucodelarangela%2Fminiblog","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsucodelarangela%2Fminiblog","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsucodelarangela%2Fminiblog/lists"}