lucasdemoraesc / reusable-components

Angular | Solutions to challenges from devchallenges.io website

Reusable Components

Solution for a challenge from Devchallenges.io.

Demo | Solution | Challenge

Table of Contents

• Table of Contents
• Overview
  • Built With
• Features
• How To Use
• Acknowledgements
• Contact

Overview

This project contains implementations for challenges related to creating reusable components. Here is a brief description of what has already been done:

• Navigation Components: Footer, Sidebar and Content Container. These aren't related to any challenges, but I wanted to implement them to practice a little CSS, the result was very satisfying.
• Button Component: Implementation of a stylized and reusable button component for this challenge. Its implementation uses the standard Angular component structure but with some specifics, such as the selector, which has been modified to satisfy User Story eight: I can still access all button attributes.

Built With

• Angular

Features

This application/site was created as a submission to a DevChallenges challenge. The challenge was to build an application to complete the given user stories.

How To Use

To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:

# Clone this repository
$ git clone https://github.com/lucasdemoraesc/reusable-components

# Open a terminal in the cloned project folder. Then...
# Install dependencies
$ npm install

# Run the app
$ npm start

Acknowledgements

• Ng-Zorro-Antd: A simple and clean component library for Angular. I used some of your concepts in my implementation.

Contact

• Linkedin @lucasdemoraesc
• GitHub @lucasdemoraesc
• Behance @lucasdemoraesc