Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/carlosulisesochoa/react-button-component
This repository contains my solution to the 'Button component' challenge from DevChallenges.io
https://github.com/carlosulisesochoa/react-button-component
figma react typescript vite
Last synced: about 9 hours ago
JSON representation
This repository contains my solution to the 'Button component' challenge from DevChallenges.io
- Host: GitHub
- URL: https://github.com/carlosulisesochoa/react-button-component
- Owner: CarlosUlisesOchoa
- Created: 2023-06-30T03:17:16.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-06-14T00:51:40.000Z (5 months ago)
- Last Synced: 2024-06-14T02:17:05.611Z (5 months ago)
- Topics: figma, react, typescript, vite
- Language: TypeScript
- Homepage: https://devchallenges-btn-solution.vercel.app/
- Size: 488 KB
- Stars: 2
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Security: SECURITY.md
Awesome Lists containing this project
README
Button component
React component developed following a Figma design ✨
## Table of Contents
- [Overview](#overview)
- [Built With](#built-with)
- [Features](#features)
- [How to use](#how-to-use)
- [Acknowledgements](#acknowledgements)
- [Contact](#contact)
## Overview
- Here is the [live demo](https://devchallenges-btn-solution.vercel.app)
- My experience while working on this project was really interesting. I learned some things about Figma, styled components and pure CSS.
- I improved my skills in designing custom React components and handling dynamic props.
- My wisdom after finishing this project: Spend a good time planning before jumping into coding (
Don't be despairing).
### Built With
- [React](https://reactjs.org/)
- [TypeScript](https://www.typescriptlang.org/)
- [Styled Components](https://styled-components.com/)
- [Vite](https://vitejs.dev/)
## Features
This application 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/CarlosUlisesOchoa/React-button-component
# Install dependencies
$ npm install
# Run the app
$ npm run dev
```
## Acknowledgements
- [React](https://reactjs.org/)
- [TypeScript](https://www.typescriptlang.org/)
- [Styled Components](https://styled-components.com/)
- [Vite](https://vitejs.dev/)
## Contact
- Website [carlos8a.com](https://carlos8a.com)
- GitHub [@CarlosUlisesOchoa](https://github.com/carlosulisesochoa)
- Twitter [@Carlos8aDev](https://twitter.com/carlos8adev)