/Explorer_projeto07_SPA_Universe

Working and focusing in Single Page Aplication concepts

Primary LanguageCSSMIT LicenseMIT

Explorer_projeto07_SPA_Universe

SPA - A Single Page Aplication from Universe

AboutLayoutHow to useTech StackAutorLicense

💻 About

In this challenge, it was requested to create a basic SPA application.
The page should display 3 diferents pages but changing the default routes from each page link. It wasen't a requirement, but as a extra mile I added a 404 page not found and implment the responsivity to mobile

I had the oportunity to practice and study:

  • Manipulate DOM with some window elements;
  • Build Classes;
  • Using fetch() and .then() - as a basic API;
  • Callbacks functions;
  • ES6 Modules.

🎨 Layout

Desktop

desktop version

Tablet and Mobile

tablet version mobile version


📋 How To Use

Just access the link bellow or you can have a better experience using lite-server (node js).

SPA Universe

Pre requirements

Before you begin, you will need to have the following tools installed on your machine: Git, Node.js.

🎲 Running the web application (server)

# Clone this repository
$ git clone https://github.com/Dan-Padovani/Explorer_projeto07_SPA_Universe.git

# Acess the project folder cmd/terminal
$ cd Explorer_projeto07_SPA_Universe.git

# Install the dependencies
$ npm install lite-server

# Run the application 
$ npm start

# The server will start at port:3000 - in your browse acess <http://localhost:3000>

🚀 Technologies


🎯 Author

Made with 💖 by Daniel Padovani 👋 Entre em contato!


📝 License

This project is under the MIT license. See the LICENSE for more information.