Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/jerp86/pwa-news-dio

Projeto desenvolvido através do curso Criando uma aplicação ReactJS de notícias utilizando PWA, da plataforma DIO_.(@digitalinnovationone), ministrado pelo professor Bruno Carneiro (@Tautorn)
https://github.com/jerp86/pwa-news-dio

ant-design antd digital-innovation-one dio dio-bootcamp javascript js pwa react react-router react-router-dom reactjs

Last synced: 1 day ago
JSON representation

Projeto desenvolvido através do curso Criando uma aplicação ReactJS de notícias utilizando PWA, da plataforma DIO_.(@digitalinnovationone), ministrado pelo professor Bruno Carneiro (@Tautorn)

Host: GitHub
URL: https://github.com/jerp86/pwa-news-dio
Owner: jerp86
License: mit
Created: 2022-06-02T18:36:08.000Z (over 2 years ago)
Default Branch: main
Last Pushed: 2022-12-02T00:50:47.000Z (almost 2 years ago)
Last Synced: 2024-10-19T08:48:31.431Z (about 1 month ago)
Topics: ant-design, antd, digital-innovation-one, dio, dio-bootcamp, javascript, js, pwa, react, react-router, react-router-dom, reactjs
Language: JavaScript
Homepage:
Size: 4.32 MB
Stars: 1
Watchers: 2
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

Criando uma aplicação ReactJS de notícias utilizando PWA

---

Sobre |
Motivo |
Requisitos |
Tecnologias |
Como Executar |
Licença

---

## :information_source: Sobre

Projeto desenvolvido através do desafio de projeto **Criando uma aplicação ReactJS de notícias utilizando PWA**, da plataforma [DIO\_.](https://www.dio.me/), ministrado pelo professor [Bruno Carneiro (@Tautorn)](https://github.com/Tautorn).

Neste desafio é proposto o desenvolvimento de uma api bem simples, utilizando arquivos json, e por conta disso, resolvi utilizar o utilitário `json-server`, que através de arquivos json monta uma fake api.

Para que o projeto rode da maneira correta, é necessário utilizar o script `server`.

## :interrobang: Motivo

Este desafio de projeto faz parte do _Bootcamp LocalizaLabs React Developer_, onde você aprenderá os conceitos de desenvolvimento de software para criação de soluções digitais, de desenvolvimento front-end e ReactJS para atuação em projetos de desenvolvimento web e de componentes da interface de usuários. O Bootcamp LocalizaLabs React developer faz parte do programa Órbi Academy Techboost, iniciativa da DIO junto ao Órbi Conecta, um dos principais hubs de inovação do Brasil. O Órbi Academy Techboost, é um dos maiores programas brasileiros de formação em carreiras de tecnologia e irá distribuir mais de 130 mil bolsas de estudo até 2022, impactando toda a comunidade tech brasileira.

## :seedling: Requisitos Mínimos

NodeJS v10.0.0

## :rocket: Tecnologias Utilizadas

O projeto foi desenvolvido utilizando as seguintes tecnologias

- [JavaScript]()
- [React](https://reactjs.org/)
- [react-router-dom](https://reactrouter.com/)
- [Ant Design](https://ant.design/)

## :link: Como executar

Para copiar o projeto, utilize os comandos:

```bash
# Clonar o repositório
❯ git clone https://github.com/jerp86/pwa-news-dio.git

# Entrar no diretório
❯ cd pwa-news-dio
```

Para instalar as dependências e iniciar o projeto, você pode utilizar o Yarn ou NPM:

**Utilizando yarn**

```bash
# Instalar as dependências
❯ yarn

# Iniciar o server
❯ yarn server

# Iniciar o projeto
❯ yarn start
```

**Utilizando npm**

```bash
# Instalar as dependências
❯ npm install

# Iniciar o server
❯ npm run server

# Iniciar o projeto
❯ npm run start
```

---

## Licença

Esse projeto está sob a licença MIT. Veja o arquivo [LICENSE](LICENSE) para mais detalhes.

---