Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/atysonjaime/crud_color_patterns

🎨 Simple CRUD system for color patterns, allowing you to add, edit, show, and delete them.
https://github.com/atysonjaime/crud_color_patterns

bootstrapvue font-awesome-5 nuxtjs vuejs

Last synced: 21 days ago
JSON representation

🎨 Simple CRUD system for color patterns, allowing you to add, edit, show, and delete them.

Awesome Lists containing this project

README

        

# Crud Color Patterns

![BADGE](https://img.shields.io/badge/Atysonjaime-Color__Patterns-blueviolet)
![GitHub](https://img.shields.io/github/license/Atysonjaime/crud_color_patterns)

> 🎨 Simple CRUD system for color patterns, allowing you to add, edit, show, and delete them.
>
> ![NAME_LOGO](./assets/img/name.png)
>
> [Leia estΓ‘ pΓ‘gina em Portugues](./README_PT-BR.md)

---

## πŸ§‘β€πŸ’» Login Instruction

_When you are on the login page, to access the system you must enter the following values in the e-mail and password fields:_

| Field | Value |
| -------- | ---------------------- |
| E-Mail | [email protected] |
| Password | ph37i45K |

---

## πŸ’» Technologies

This project uses the following technologies:

- JavaScript e JSON
- [Node e NPM](https://nodejs.org/en/)
- [Vue.js](https://vuejs.org)
- [NuxtJs](https://nuxtjs.org)
- [Boostrap Vue](https://bootstrap-vue.org)
- [Pug.js](https://pugjs.org/api/getting-started.html)
- [SASS](https://sass-lang.com)
- [Fontawesome](https://fontawesome.com)
- [Auth Nuxt](https://auth.nuxtjs.org)
- [I18n Nuxt](https://v8.i18n.nuxtjs.org)

---

## πŸ”¨ Build

To run the project on your machine, perform the following steps:

1. Clone the project on your machine, using a terminal or any other means that makes this possible;

2. Navigate to the project folder and open the terminal inside the project;

3. In the terminal, run the following commands:

```cmd
npm install
```

```cmd
npm run dev
```

---

## πŸ–ΌοΈ Layout

The layout created for this project in question, it was thought by me with base in acquired past project experiences.

This project contains 3 pages:

- Login;
![Login Page](./assets/img/Login_page.png)

- Overview of all items in Table;
![Table Page](./assets/img/Table_page.png)

- Visualization of specific item in card;
![Show Page](./assets/img/Show_page.png)

---

## πŸš€ Deploy

The project is hosted on [GITHUB Pages](https://pages.github.com), To view, [click here!](https://atysonjaime.github.io/crud_color_patterns/)

---

## πŸ“ License

[MIT License](https://github.com/AtysonJaime/crud_color_patterns/blob/main/LICENSE) Β© [Atyson Jaime](https://atysonjaime.github.io)