Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/readpato/random-user-generator
A webpage that creates random users.
https://github.com/readpato/random-user-generator
Last synced: 19 days ago
JSON representation
A webpage that creates random users.
- Host: GitHub
- URL: https://github.com/readpato/random-user-generator
- Owner: Readpato
- Created: 2022-02-15T09:20:15.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2022-02-28T17:18:10.000Z (almost 3 years ago)
- Last Synced: 2024-12-24T18:49:44.138Z (about 1 month ago)
- Language: JavaScript
- Homepage:
- Size: 717 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Random User Generator
## Description
An application that brings forth random users.
Try it here: Demo
### Technologies Used
For this project the technologies and tools used were:
- Vue
- SASS
- NPM
- Cypress
- API: Link
#
## Installation
As this project runs with Vue and Cypress you will have to have NPM or anything similar and then run this little code snippet on the CLI.
```
npm install
```
This will allow to download the dependencies you need to run the Random User Generator properly.
#
## Utilization
The Random User Generator isn't complicated. The web page will load and a random person will be already loaded.
If the user desires to get a new random person, they just have to click the button "Get Random User" and it will be automatically generated.
#
## Challenges Faced
- Using Vue.js for the first time!
#
## What I learned
- Being the first time using a major framework, I learned that documentation is really important. If it's good redacted, it will help the consumer to understand concepts way faster.
- Creation of Vue components named Single File Components (SFC) that encapsulates JavaScript(the logic), HTML(the template) and CSS(the style).
- How to create an app instance, text interpolation (using the Mustache syntax), directive bindings as v-bind, v-on and their respective users.
- How to use the Vue Developer Tools and Vue CLI.
- Installing SASS as a global module to be of use for all the components of the application.
#
## Support
If some error should appear, you can contact me through:
- Twitter: @patoraedler
- Email: [email protected]
#
## Contributing
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.
Please make sure to update tests as appropriate :)
#
## Author
Patrick Raedler.
#