Skip to content

ennetechdesign/janai-amitaf

Repository files navigation

Logo do site

Janai Amitáf Produções

Portfólio web de Janai que apresenta suas principais obras artísticas

🌐 Aplicação Hospedada

Clique aqui para acessar o website

🎞️ Pré-visualização

Pré-visualização do site

⚡ Funcionalidades

  • Menu de informações abrível e fechável
  • Barra horizontal de navegação entre páginas
  • Mais acessibilidade usando a tecla "tab"
  • Efeitos de "hover" e de "active" nos elementos clicáveis

🚀 Tecnologias Utilizadas

React Next.js TypeScript Tailwind CSS Headless UI React Icons Git Visual Studio Code Figma

📂 Estrutura do Projeto

janai-amitaf/
├── .next/
├── docs/                   # Arquivos de documentação do projeto
│   ├── prototipos-de-tela/ 
│   ├── autorias.txt
│   ├── preview.mp4
│   ├── style-guide.jpg
├── node_modules/           # Dependências do projeto
├── public/                 # Arquivos estáticos
│   ├── assets/             # Imagens utilizadas
│   ├── favicon/            # Ícones do site
├── src/                    # Código de fonte da aplicação
│   ├── app/                # Arquivos principais de renderização
│   ├── components/         # Componentes reutilizáveis (como header e footer)
│   ├── data/               # Dados de API simulada
│   ├── fonts/              # Fontes de texto utilizadas
│   ├── types/              # Tipagem de dados requisitados
├── .gitignore
├── eslint.config.mjs
├── LICENSE                 # Arquivo de licença do projeto
├── next-env.d.ts
├── next.config.ts
├── package-lock.json
├── package.json
├── postcss.config.mjs
├── README.md
├── tsconfig.json

🛠️ Instalação Local

  1. Clone o repositório

No terminal, rode o seguinte comando:

git clone https://github.com/Enne-Amore/janai-amitaf.git
  1. Entre no diretório do projeto:

Navegue até o diretório do projeto clonado:

cd janai-amitaf
  1. Instale as dependências:

Para instalar as dependências do projeto, execute:

npm install
  1. Inicie o servidor de desenvolvimento:

Para iniciar o servidor de desenvolvimento, execute:

npm run dev

Abra o seu navegador e acesse http://localhost:3000 para visualizar o projeto em execução.

🌈 Cores

Cor Hexadecimal
Rosa Clara #F1ACF2
Rosa Neutra #E057F2
Rosa Escura #C522F2
Roxa #6C0CF2
Amarela #F2B705
Cinza #F0F0F0
Preta #03010D

🔤 Fontes Tipográficas

  • Bitter
    Exemplo de uso:
    font-family: "bitter";

🌟 Referências de Uso

🔧 Suporte

Para me contatar como suporte, o meu email é Enne.Pessoa@gmail.com

About

Portfólio de Janai que apresenta suas principais obras artísticas

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors