PT:

Este projeto tem como objetivo avaliar minhas habilidades em desenvolvimento frontend utilizando Angular ou Laravel em suas versões mais recentes. Optei por utilizar o Angular, pois o projeto inclui um design no Figma.

O projeto consiste no desenvolvimento de um website simples para a renomada empresa EPIC GAMES.

1. Clone este repositório em seu ambiente de desenvolvimento local pela branch 'Workspace-Mirand43':

   git clone https://github.com/Mirand43/Desafio-EPICGAMES.git

2. Instale as dependências do projeto executando o comando:

   npm install

1. Abra a pasta do projeto em um terminal (pode ser o terminal do seu editor de código ou outro).
2. No terminal, execute:

   ng serve

   ou

   ng s

   para iniciar o servidor do projeto.
3. No seu navegador, acesse: http://localhost:4200

A estrutura do projeto está organizada da seguinte forma:

• O diretório src/assets contém todos os recursos do projeto, como ícones e imagens:

  • Caminho para ícones: ./src/assets/icons
  • Caminho para imagens: ./src/assets/images
  • Caminho para imagens dos cards: ./src/assets/images/cards
  • Caminho para imagens dos personagens dos cards de jogos: ./src/assets/images/persona

• No diretório src/app encontramos:

  • Caminho para a leadpage: ./src/app/leadpage
  • Caminho para as páginas carregadas na leadpage, como a home: ./src/app/leadpage/pages

• No diretório src/app/shared encontram-se componentes como:

  • Caminho para a barra lateral: ./src/app/shared/sidebar
  • Caminho para a barra de navegação: ./src/app/shared/navbar
  • Caminho para alertas (incluindo o gamestatics para o game-statistics): ./src/app/shared/alerts
  • Caminho para o componente live: ./src/app/shared/live
  • Caminho para releases: ./src/app/shared/releases
  • Caminho para sliders (incluindo slider-1 e banner-home): ./src/app/shared/sliders

• Telefone: +244 926 243 958
• Email: [email protected]

EN:

This project aims to assess my frontend development skills using Angular or Laravel in their latest versions. I chose to use Angular because the project includes a design in Figma.

The project involves developing a simple website for the renowned company EPIC GAMES.

1. Clone this repository to your local development environment via the 'Workspace-Mirand43' branch:

   git clone https://github.com/Mirand43/Desafio-EPICGAMES.git

2. Install project dependencies by running the command:

   npm install

1. Open the project folder in a terminal (can be your code editor's terminal or another).
2. In the terminal, run:

   ng serve

   or

   ng s

   to start the project server.
3. In your browser, go to: http://localhost:4200

The project structure is organized as follows:

• The src/assets directory contains all project resources, such as icons and images:

  • Path to icons: ./src/assets/icons
  • Path to images: ./src/assets/images
  • Path to card images: ./src/assets/images/cards
  • Path to images of game card characters: ./src/assets/images/persona

• In the src/app directory, we find:

  • Path to the leadpage: ./src/app/leadpage
  • Path to pages loaded in the leadpage, such as the home: ./src/app/leadpage/pages

• In the src/app/shared directory, components are found, such as:

  • Path to the sidebar: ./src/app/shared/sidebar
  • Path to the navbar: ./src/app/shared/navbar
  • Path to alerts (including gamestatics for game-statistics): ./src/app/shared/alerts
  • Path to the live component: ./src/app/shared/live
  • Path to releases: ./src/app/shared/releases
  • Path to sliders (including slider-1 and banner-home): ./src/app/shared/sliders

• Phone: +244 926 243 958
• Email: [email protected]