Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/manthanank/button-component


https://github.com/manthanank/button-component

Last synced: about 8 hours ago
JSON representation

Awesome Lists containing this project

README

        

# ButtonComponent

Button component


Solution for a challenge from Devchallenges.io.




Demo

|

Solution

|

Challenge


## Table of Contents

- [Overview](#overview)
- [Built With](#built-with)
- [Features](#features)
- [How to use](#how-to-use)
- [Contact](#contact)
- [Acknowledgements](#acknowledgements)

## Overview

![screenshot](https://github.com/manthanank/button-component/blob/6d5b32816ac95678ff215ec1944b794185594c80/src/assets/images/screenshot.png)

Introduce your projects by taking a screenshot or a gif. Try to tell visitors a story about your project by answering:

- Where can I see your demo?
- - Demo
- What was your experience?
- - I liked it.
- What have you learned/improved?
- - I learned how to use the `` element.
- Your wisdom? :)
- - I think it's a good idea to use the `` element.

### Built With

- [Angular](https://angular.io/)
- [Bootstrap](https://getbootstrap.com/)

## Features

This application/site was created as a submission to a [DevChallenges](https://devchallenges.io/challenges) challenge. The [challenge](https://devchallenges.io/challenges/ohgVTyJCbm5OZyTB2gNY) was to build an application to complete the given user stories.

## How To Use

To clone and run this application, you'll need [Git](https://git-scm.com) and [Node.js](https://nodejs.org/en/download/) (which comes with [npm](http://npmjs.com)) installed on your computer. From your command line:

```bash
# Clone this repository
$ git clone https://github.com/manthanank/button-component

# Install dependencies
$ npm install

# Run the app
$ ng serve
```

## Acknowledgements

- [Steps to replicate a design with only HTML and CSS](https://devchallenges-blogs.web.app/how-to-replicate-design/)
- [Node.js](https://nodejs.org/)
- [Marked - a markdown parser](https://github.com/chjj/marked)

## Contact

- Website [manthanank.xyz](http://www.manthanank.xyz/)
- GitHub [@manthanank](https://github.com/manthanank)
- Twitter [@manthan_ank](https://twitter.com/manthan_ank)

### About this project

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 14.0.0.

## Development server

Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The application will automatically reload if you change any of the source files.

## Code scaffolding

Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.

## Build

Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory.

## Running unit tests

Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Running end-to-end tests

Run `ng e2e` to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.