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

https://github.com/errea/random-user-generator

Using Vue to generate a random user
https://github.com/errea/random-user-generator

vue-api vue-cli vue-components vue-router vuejs

Last synced: 6 months ago
JSON representation

Using Vue to generate a random user

Awesome Lists containing this project

README

          

![](https://img.shields.io/badge/Microverse-blueviolet)

# User Generator - Vue Project

> The "User Generator" is a simple Vue project to generate random users from an API

* Generate randon User.
* Add user functionality to generate.
* Remove user functionality.

The Random User Generator is a simple Vue project to generate website: [Find project specifications here](https://github.com/errea/Random-user-generator)

[![View Code](https://img.shields.io/badge/View%20-Code-green)](https://github.com/errea/Random-user-generator)
[![Github Issues](https://img.shields.io/badge/Github%20-Issues-red)](https://github.com/errea/Random-user-generator/issues)
[![GitHub Pull Requests](https://img.shields.io/badge/GitHub-Pull%20Requests-blue)](https://github.com/errea/Random-user-generator/pulls?q=is%3Apr+is%3Aclosed)

## πŸ“ Contents


Built withΒ Β Β |Β Β Β 
Getting startedΒ Β Β |Β Β Β 
Author

># [Description]

>By building this application, I will learn how to use Vue, Vue Redux Vue CLI.

## πŸ”§ Built with

- VUE
- Vuex
- Html/Tailwind CSS
- Vue Routes
- React-dom
- NPM
- Virtual DOM
- [Webpack config](hhttps://webpack.js.org/guides/getting-started/)
- ES6 Modules
- [Gitflow](https://github.com/microverseinc/curriculum-transversal-skills/blob/main/git-github/articles/gitflow.md)
- Use [Vue Installation](https://v3.vuejs.org/guide/installation.html).

![screenshot](./src/img/screen-shot.png)

## [LIVE PREVIEW]()
## Getting Started
> To get a local copy up and running follow these simple example steps.

Get instructions

```
$ cd
```
```
$ Note to install VUE CLI globally
yarn global add @vue/cli
# OR
npm install -g @vue/cli
```

~~~bash
$ git clone https://github.com/errea/Random-user-generator.git
$ cd into project folder
~~~

~~~bash
Using Vue 3
With npm:

# npm 6.x
$ npm init vite@latest --template vue

# npm 7+, extra double-dash is needed:
$ npm init vite@latest -- --template vue

$ cd
$ npm install
$ npm run dev
Or with Yarn:

$ yarn create vite --template vue
$ cd
$ yarn
$ yarn dev
~~~

Run `yarn dev` opens on `http://localhost:8080/` in your browser.

## Set up
* Open your terminal and locate the folder you want to clone the repository and follow the steps above to install

## Project Structure

Book-Store-Redux Project
└── node_modules
└── .github\workflows
└── linters.yml
/src
|---/components
|---/redux
|--- /books
| books.js
|--- /categories
| categories.js
| cofigureStore.js
| index.js
└── .eslintrc.json
└── .gitignore
└── .hintrc
└──.stylelintrc.json
└── MIT.md
└── package-lock.json
└── package.json
└──README.md

## βœ’οΈ Authors

πŸ‘€ **Eri**

- Github: [@errea](https://github.com/errea)
- Twitter: [@Erreakay](https://github.com/errea)
- Linkedin: [Eri Okereafor](https://www.linkedin.com/in/eri-ngozi-okereafor/)

## 🀝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check the [issues page](https://github.com/errea/React-Redux-BookStoreApp-Redo/issues)
## πŸ‘ Show your support

- Microverse: [@microverse](https://www.microverse.org/)

## Acknowledgments

- Side project/Self development

## πŸ“ License

This project is [MIT](./MIT.md) licensed.