https://github.com/clara-pacheco/spa_universe

A ideia aqui é utilizar conceitos como: conceitos de SPA, mapeamento de rotas, assíncronismo e promises, orientação a objetos, classes e muito mais.em uma aplicação visualmente mais bonita. Irado, né? 😛
https://github.com/clara-pacheco/spa_universe

fetch-api json nodejs promises promises-in-javascript rocketseat rocketseat-explorer router routing server single-page-app

Last synced: 3 months ago
JSON representation

A ideia aqui é utilizar conceitos como: conceitos de SPA, mapeamento de rotas, assíncronismo e promises, orientação a objetos, classes e muito mais.em uma aplicação visualmente mais bonita. Irado, né? 😛

• Host: GitHub
• URL: https://github.com/clara-pacheco/spa_universe
• Owner: Clara-Pacheco
• Created: 2023-02-23T13:42:09.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-02-24T11:54:21.000Z (over 2 years ago)
• Last Synced: 2025-01-21T15:50:07.320Z (4 months ago)
• Topics: fetch-api, json, nodejs, promises, promises-in-javascript, rocketseat, rocketseat-explorer, router, routing, server, single-page-app
• Language: HTML
• Homepage: https://rocketseatspauniverse.netlify.app/
• Size: 47.5 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


   








   

   



[![Netlify Status](https://api.netlify.com/api/v1/badges/8612d44d-bc29-4292-a78b-07f937e5390f/deploy-status)](https://app.netlify.com/sites/rocketseatspauniverse/deploys)








## 💻 Sobre o desafio

Principais pontos abordados nesse desafio:

- Implantar lógica javascript na web;

- Trabalhar com a DOM,

- Trabalhar com eventos,

- Acesso a métodos e atributos de objetos de eventos,

- Object Destructuring

- Modularização,

- Conceitos de SPA;

- Mapeamento de rotas;

- Assíncrono e promises;

- Orientação a objetos;

- Classes;

- Promises with Fetch,

- Criação de um servidor utilizando node.js,

- Refatoração




## 📕 Layout da aplicação  

Aqui neste **[link](https://www.figma.com/file/6n88B7P6uQUwzjvi3SkNmE/%5BDesafios-Explorer%5D-SPA-Universe-(Copy)?node-id=104%3A48&t=Nj00zcjRemsSICxg-0)**  você tem acesso ao Figma do projeto**.** 

⚠️ **Alerta**: Caso ao clicar no link você se depare com o erro que `WebGL` não está ativado no seu navegador, [siga esses passos](https://help.figma.com/hc/en-us/articles/360039828614#Enable_WebGL).  




## 💻 Projeto

O resultado final desse desafio deve ser algo em torno de:

![Project´s preview](https://github.com/Clara-Pacheco/SPA_Universe/blob/main/assets/project_preview.png)

![Project´s preview](https://github.com/Clara-Pacheco/SPA_Universe/blob/main/assets/video-preview/SPA-Universe-Google-Chrome-2023-02-24-08-50-37.gif)




## 🧪 Tecnologias | HTML , CSS e Javascript  

## 📜 Descrição

Projeto visualmente simples, mas que aborda conceitos avançados na programação, como orientação a objeto, assincronismo, roteamento dentro da aplicação, SPA(Single page application) , json e sua utilização etc... 🚀

##  📕 Sobre  

Este é um projeto desenvolvido em treinamento, juntamente com a 

Rocketseat 🚀  

no decorrer do programa Explorer.  




### Informações  

📅 **Início:** 23.02.2023

📅 **Conclusão:** 23.02.2023

🕛 **Status:** Concluído✔️

🌎 **Result Preview:** https://rocketseatspauniverse.netlify.app/



Feito com 💜 por Clara 🚀