Git Product home page Git Product logo

ryanraul / monext Goto Github PK

View Code? Open in Web Editor NEW

This project forked from gabrielnogueirabr/monext

0.0 0.0 0.0 3.38 MB

Plataforma inspirada na tecnologia Liquid Galaxy. Cada monitor exibe dados de um país (capital, moeda, temperatura, data/hora). Navegação em carrossel permite acesso fácil a informações de vários países em poucas telas.

License: MIT License

Shell 0.73% JavaScript 78.23% CSS 11.49% HTML 9.33% Dockerfile 0.22%

monext's Introduction

Qries Qries

🌍 Monext Galaxy

Monext is a multiscreen application that redefines the way you check into converting your money: the first step you need to do is to select the country you are, and inputting the amout of Money you have to convert. The next step is all done by the app: it will show a carousel of countries, with some basic info of them: their flag, the converted Money you’ve inputted before, the local timezone (at their capital), and the temperature at their capital.
At first, we’ll have a controller, that will need to have an input of the amount of Money that you will convert. The currency will be decided after you choose your country. For example, if you choose Brazil, the currency will be BRL, if you choose United States, USD, and so on. Then, it will look really similar to Liquid Galaxy. It will have a controller, and some screens with the information of the countries. By using the controller, you will be able to decide if you want to go to the next screen, to go back one, go to the last one or the first. The controller will also give you an option that will be able to go back to the homepage, and define again the amount of Money and the country that will be used as a base.

Qries - is used to prototype the application screens (click on FIGMA to view project prototype).
monext_preview

🖥️ Requirements

  1. Make sure Node JS is installed on your machine by running:
node -v
  1. If you have not installed the Node JS, use the following link to download LTS version and install it: Download NodeJS

📝 Installation

  1. Clone the repository git clone https://github.com/GabrielNogueiraBR/Monext.git

  2. Install npm packages npm install

  3. Fill the .env file (consult the secrets with the project maintainer)

PORT=

EXCHANGE_API_URL=https://exchange-rates.abstractapi.com/v1/live 
EXCHANGE_API_KEY=
TIMEZONE_API_URL=https://timezone.abstractapi.com/v1/current_time
TIMEZONE_API_KEY=
WEATHER_API_URL=http://api.weatherapi.com/v1
WEATHER_API_KEY=
GET_POSTMAN_API_URL=https://countriesnow.space/api/v0.1
  1. Starting the project with NPM
npm start
server is running on *:3000
  1. Starting the project with DOCKER
    ⚠️Requirements:
    • Need install Docker in your machine.
    • your port in .env file must be 3000
npm run start:docker
server is running on *:3000

📦 External packages

Qries - is used to run the server with all routes and business rules together with Socket.io.
Qries - is used to make the multi-screen connection in this project.

👨‍💻 Usage

  • Check server health
GET /
  • To access the application start screen, go to this path
GET /home

On this screen, the user must inform the country of origin and the value in the currency of the country of origin that he wants to convert

  • To access the application controller screen, go to this path
GET /controller

On this screen, the user has access to the screen controller, with the commands to interact between all screens, moving the countries carousel.

  • To access the application countries screen, go to this path
GET /country-page

On this screen, the user has access to the screen controller, with the commands to interact between all screens, moving the countries carousel.

👨‍👦‍👦 Contributors

📃 License

This software is under the MIT License.

monext's People

Contributors

vitorgois avatar gabrielnogueirabr avatar ryanraul avatar whosgabs avatar cordeirootavio avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.