https://github.com/matthewkuria/advice-generator-app
This is a repository for a responsive app which is part of SpaceYaTech Technical interview.
https://github.com/matthewkuria/advice-generator-app
api css3 git html5 netlify vanilla-javascript
Last synced: 3 months ago
JSON representation
This is a repository for a responsive app which is part of SpaceYaTech Technical interview.
- Host: GitHub
- URL: https://github.com/matthewkuria/advice-generator-app
- Owner: matthewkuria
- Created: 2023-11-15T14:46:55.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-09-05T20:04:40.000Z (almost 2 years ago)
- Last Synced: 2025-01-21T05:26:44.979Z (over 1 year ago)
- Topics: api, css3, git, html5, netlify, vanilla-javascript
- Language: CSS
- Homepage:
- Size: 279 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# advice-generator-app
This is a repository for a responsive app which is part of SpaceYaTech Technical interview.
## Table of Contents
1. Introduction to the project
2. Features
3. Installation Guide
4. Usage
5. Contributing
6. Acknowledgments
## Introduction
I am doing this project using HTML5 as the markup language,CSS3 for the styling and Vanilla JavaScript to add functionality to the app.Am using JavaScript to interact with Advice
Slip API.The project components are held in a Card where the text (pieces of advice will be changing) when the button is clicked.To make the app responsive, media queries are also used.The project is developed offline on VSCode and pushed to GitHub and the hosted live on Netlify.
## Features
The features in the project are: a card which houses advice title ,text content and a button which has a dice image which when clicked it uses Advice Slip API to populate advice number and the advice text content.
## Installation
The following are the steps on how to install the project to your local repo.
```bash
# Clone the repository
git clone https://github.com/matthewkuria/advice-generator-app.git
# Navigate to the project directory
cd advice-generator-app
# Install dependencies
npm install
```
## Usage
Run this command
npm start
## Contributing
I welcome contributions from the community! Whether you're fixing a bug, adding a new feature, or improving documentation, I appreciate your help.
To contribute to this project, please follow these guidelines:
## Getting Started
1. Fork the repository and clone it to your local machine.
```bash
git clone https://github.com/matthewkuria/advice-generator-app.git
cd advice-generator-app
2.Create a branch
```bash
git checkout -b feature-name
```
3.Make your changes and test them thoroughly.
4.After testing Push your changes to your fork of the repository.
```bash
git push origin feature-name
```
## Acknowledgments
I would like to express our sincere gratitude to the SpaceYaTech for coming up and issuing this challenge as part of the technical interview:
I would like to thank all the contributors of stackoverflow.