En | Pt-br

Art Portfolio | Portifólio artístico

Front-end project developed to share the work of Naju trough her portifolio

Projeto front-end desenvolvido para divulgação do trabalho da artista Naju

Project still in developing fase | Projeto em desenvolvimento

Report Bug

Table of contents | Súmario

1. About the Project | Sobre o projeto
   • Built With | Construído Utilizando
2. Getting Started | Inicializando
   • Prerequisites | Pré-requisitos
   • Installation | Instalação
3. Usage | Uso
4. Roadmap
5. Contact | Contato
6. Credits | Créditos

About The Project | Sobre O Projeto

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)

Built With

(back to top)

Getting Started

First, install the dependencies needed to run this project

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

Prerequisites | Pré-requisitos

• node | npm

  npm install npm@latest -g

• react with typescript

  react  npm install --save react@18.2.0 react-scripts@5.0.1 react-router-dom@18.2.0

• typescript

  npm install --save typescript@4.9.5 @types/node@16.18.48 @types/react@18.2.21 @types/react-dom@18.2.7 @types/jest@27.5.2

• sass

  npm install --save-dev sass@1.66.1

Installation | Instalação

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)

Usage | Uso

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

(back to top)

Roadmap

• 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)

Some points for improvement can be highlighted as TO DOs in the future

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

Contributing

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)

Contact | Contato

Gabrielli de Oliveira e Silva da Cruz- Linkedin - gabrielli.osc@gmail.com

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

(back to top)

Credits | Créditos

• Naju's art
• Font Awesome

(back to top)