---

---

About | Technologies | How to | Learning | Author

💻 About the project

This project was generated with Vue CLI version 5.0.8.
This project was developed with VueJS from the Advanced Web Development with Vue (v2 and v3) and Vuex at Udemy. Cloud deployment with GithubPages.
A web application with the aim of displaying animations with simple information about some pokémon, as well as using VueJS routes, properties and directives and the Fake API with JSON Server.

---

🛠 Technologies

Technologies and tools that were used in the development of the project:

Languages | Environments | Frameworks | Libraries | Techniques

• HTML5
• CSS3
• Bootstrap
• JavaScript
• VueJS
• JSON Server
• Animate.css

Utilities

• Editor: Visual Studio Code
• Emojis: Emoji Cheat Sheet, Markdown Emoji
• Shields: Shields
• Markdown: StackEdit

---

🔧 How to

Requirements

• node 16.x
• npm 8.x
• vue cli 5.0.8

Installation

Frontweb

1. clone repo
2. delete the file package-lock.json
3. install the dependencies npm install
4. run npm run serve for a dev server
5. navigate to http://localhost:8080/

Fake API

1. install JSON Server npm install -g json-server
2. start JSON Server json-server --watch db.json
3. navigate to resources http://localhost:3000

Resources

• http://localhost:3000/pokemons

---

📖 Learning

• Properties
• Components
• Directives
• LifeCycle Hooks
• Vue Router
• Animations
  • Transition
  • Transition Group
  • CSS-based transitions
  • JavaScript Hooks
• JSON Server

---

👨‍💻 Author

Jonas Souza