Technologies   |    Getting started   |    Project   |    Layout   |    Next steps

---

🧪 Technologies

This project was developed using the following technologies:

• React
• React Switch
• Polished
• Axios
• React Loading Skeleton
• Tailwind
• Styled Icons
• Styled Components

🚀 Getting started

Clone the project and access the folder

$ git clone https://github.com/eltonsantos/vuttr.git && cd vuttr

Follow the steps below

# Install the dependencies
$ yarn

# Start the project
$ yarn start

# Open another bash tab and start server
$ npx json-server db.json

The api will be running on port 3000 and the app in another port.

For see more information about api access here

💻 Project

This project was developed within the challenge proposed by BossaBox. VUTTR (Very Useful Tools To Remember) is a simple application to manage tools with their respective names, links, descriptions and tags.

In order for this project to be approved, the following minimum requirements must be met:

• The user can see all available tools.

• The user can add a new tool.

• The user can remove a tool.

• The user can search for a tool filtering (or not) by tags.

🔖 Layout

The layout was created from scratch using the TailWindCSS framework.

🐾 Next steps

Escreverei essa parte em português

• Implementar layout infinito para mostrar todas as ferramentas na mesma tela ♾
• Adicionar um botão no canto para voltar rapidamente ao topo 🔼
• Ajustar alguns detalhes para o Layout ficar bem responsivo e fofo 🥰
• Validar os campos para evitar fazerem besteira 🐱‍💻
• Login e senha para acessar a api também pode ser uma opção 🔐
• E muito mais... ❤💪🏼

---

👨🏻‍💻 Author

Elton Santos 🚀

Made with ❤️ by Elton Santos 👋🏽 Entre em contato!