En | Pt-br

Welcome! This is a front-end project for an artist Portifolio. The artist, Naju Artist social media, is a multifaceted artist who applies her creativity in many artistic fields, such as Painting, Drawing, Tattooing, and Writing. She required a website where she could share more about herself, her work, and experimental art in one place, and also share available art for purchase. It was provided a draft for what she wanted for the home page, as seen below: From this draft and meetings notes a prototype is being developed to be evaluated.

Bem vindo(a)! Esse é um pojeto de front-end para um portifólio de uma artista. A artista, Naju https://www.instagram.com/jesuisnaju/, é uma artista multifacetaria que aplica sua criatividade em diversas áreas artísticas, como: Pintura, Desenho, Tatuagem e Escrita. Ela solicitou um website onde ela pudesse compartilhar mais sobre ela, seu trabalho e arte experimental em um único lugar, além de compartilhar artes disponíveis para compra. Foi disponibilizado um rascunho do que ela queria para a página inicial, imagem abaixo: A partir deste rascunho e anotações de reuniões está sendo desenvolvido um protótipo para avaliação.

(back to top)

(back to top)

First, install the dependencies needed to run this project

Primeiro, instale as dependencias necessárias para rodar o projeto

• node | npm

  npm install npm@latest -g

• react with typescript

  react  npm install --save [email protected] [email protected] [email protected]

• typescript

  npm install --save [email protected] @types/[email protected] @types/[email protected] @types/[email protected] @types/[email protected]

• sass

  npm install --save-dev [email protected]

1. Clone the repo | Clone o repositório

   git clone https://github.com/gabrielliosc/portifolio-app.git

2. Install NPM packages | Instale os pacotes do NPM Project Dependencies (avaiable in file package.json

   Dependencias do projeto (disponíveis no arquivo [package.json](https://github.com/gabrielliosc/portifolio-app/blob/master/package.json))

   "dependencies": "@fortawesome/fontawesome-svg-core": "^6.4.2", "@fortawesome/free-solid-svg-icons": "^6.4.2", "@fortawesome/react-fontawesome": "^0.2.0", "@testing-library/jest-dom": "^5.17.0", "@testing-library/react": "^13.4.0", "@testing-library/user-event": "^13.5.0", "@types/jest": "^27.5.2", "@types/node": "^16.18.48", "@types/react": "^18.2.21", "@types/react-dom": "^18.2.7", "react": "^18.2.0", "react-dom": "^18.2.0", "react-scripts": "5.0.1", "typescript": "^4.9.5", "web-vitals": "^2.1.4" }

   npm install package@version

3. Start the application | Comece a aplicação

   npm start

   Runs the app in the development mode.\ | Roda a aplicação no modo de desenvolvimento Open http://localhost:3000 to view it in the browser. | Para visualizar no browser abra http://localhost:3000

(back to top)

Will be listed here the finished protoype demo | Será inserido aqui uma demo do uso do protótipo finalizado

(back to top)

• Menu Header
• Home Page | Página Inicial
• Acrylic Tattoo Gallery | Galeria de obras de pintura acrílica e tatuagens
• Comission page | Encomenda
• Experimental Art page | Página de outras formas artísticas
• Apply Costum artist's pallete | Aplicação da paleta da artista
• Insert artist's icons and logo | Inserção dos ícones e logo da artista
• Insert artist's works | Insert artist's works
• Check Acessibility and Usability | Checar Acessibilidade e Usabilidade
• Aprove prototype | Aprovar protótipo
• Update Features from artist's note | Atualizar as Features a partir dos apontamentos da artista
• Deploy website | Publicar website

(back to top)

Alguns pontos para melhoria podem ser listados como TO DOs no futuro

• Add costum purchase page | Adicionar página de compra costumizada
• Section to subscribe to newsletter and sale | Seção para se inscrever para newsletter e promoções
• Add a "Shopping" Cart | Adicionar um "carrinho" de compras

Contributions are greatly appreciated! | Contribuições são sempre bem vindas!

If you have a suggestion that would make this project better, please fork the repo and create a pull request. You can also open an issue with the tag "enhancement".

Se você possuir alguma sugestão que possa tornar esse projeto melhor, por favor fork esse repositório e crie um pull request. Você pode também abrir um issue com a tag "enhancement".

1. Fork the Project | Fork o Projeto
2. Create your Feature Branch | Crie sua Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes | Commit suas mudanças (git commit -m 'Add some AmazingFeature')
4. Push to the Branch | Push para sua Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request | Abra um Pull Request

Thanks! Obrigada! 😄

(back to top)

Gabrielli de Oliveira e Silva da Cruz- Linkedin - [email protected]

Project Link | Link do Projeto: https://github.com/gabrielliosc/portifolio-app

(back to top)

• Naju's art
• Font Awesome

(back to top)