Wicomm Challenge

Documentação em português

Este projeto é parte do teste técnico realizado para a Wicomm e tem como objetivo a construção de um e-commerce com temática Black Skull, uma loja de suplementos. O projeto utiliza as seguintes tecnologias: Vite, Framer Motion, React Icons, React Router DOM, Swiper, Styled Components e TypeScript.

Tecnologias Utilizadas

Vite: Um bundler rápido para projetos web modernos.
Framer Motion: Uma biblioteca de animação para React, que proporciona transições suaves e interações agradáveis.
React Icons: Uma biblioteca de ícones para React, oferecendo uma ampla gama de ícones vetoriais para uso em interfaces de usuário.
React Router DOM: Uma biblioteca de roteamento para React, que facilita a navegação entre diferentes componentes da aplicação.
Swiper: Uma biblioteca para criação de carrosséis e sliders responsivos e modernos.
Styled Components: Uma biblioteca para estilização em React, que permite escrever estilos CSS dentro dos componentes.
TypeScript: Uma linguagem de programação que adiciona tipagem estática ao JavaScript, proporcionando um código mais seguro e robusto.

Rotas Disponíveis

/ : Página inicial do ecommerce.

Instalação

Para executar este projeto localmente, siga as instruções abaixo:

Clone o repositório:

git clone https://github.com/vagnermengali/wicomm-challenge.git

Acesse o diretório do projeto:
```
cd wicomm-challenge
```
Instale as dependências:
```
yarn install
```
Inicie o servidor de desenvolvimento:
```
yarn vite
```
Acesse a aplicação no seu navegador através da rota:
```
http://localhost:5173/
```

Acesse a aplicação no seu navegador através do seguinte endereço: http://localhost:5173/. Explore os arquivos do projeto usando seu editor de código preferido e faça quaisquer alterações necessárias.

Implantação

Este projeto está disponível em: https://wicomm-challenge-vagnermengali.vercel.app/

Contribuição

Se este projeto foi útil para você, considere deixar uma estrela (⭐) no repositório para apoiar o desenvolvimento.

Documentation in English

This project is part of the technical challenge carried out for Wicomm and aims to build an e-commerce with Black Skull theme, a supplements store. The project uses the following technologies: Vite, Framer Motion, React Icons, React Router DOM, Swiper, Styled Components, and TypeScript.

Technologies Used

Vite: A fast bundler for modern web projects.
Framer Motion: An animation library for React, providing smooth transitions and pleasant interactions.
React Icons: An icon library for React, offering a wide range of vector icons for use in user interfaces.
React Router DOM: A routing library for React, making navigation between different components of the application easier.
Swiper: A library for creating responsive and modern carousels and sliders.
Styled Components: A library for styling in React, allowing to write CSS styles within components.
TypeScript: A programming language that adds static typing to JavaScript, providing a safer and more robust code.

Available Routes

/ : Home page of the e-commerce.

Installation

To run this project locally, follow the instructions below:

Clone the repository:

git clone https://github.com/vagnermengali/wicomm-challenge.git

Access the project directory:
```
cd wicomm-challenge
```
Install the dependencies:
```
yarn install
```
Start the development server:
```
yarn vite
```
Access the application in your browser through the route:
```
http://localhost:5173/
```

Access the application in your browser through the following address: http://localhost:5173/. Explore the project files using your preferred code editor and make any necessary changes.

Deployment

This project is available at: https://wicomm-challenge-vagnermengali.vercel.app/

Contribution

If this project has been helpful to you, consider leaving a star (⭐) in the repository to support development.

Created by Vagner Mengali