/rocket-product-card

Product card to display information about a product - #boracodarchallenge02

Primary LanguageJavaScriptMIT LicenseMIT

Rocket Product Card - #boracodar challenge 02

Challenge created by Rockeseat.

Technologies   |    Project   |    Layout   |    Getting started

localhost_5173_


🚀 Technologies

This project was developed with the following technologies:

  • React.js: A JavaScript library for building user interfaces
  • JavaScript: Is the programming language of the Web
  • 💅    Styled-Components: a React-specific CSS-in-JS styling solution that creates a platform for developers to write actual CSS code to style React components

💻 Project

This project is a simple product card for a e-commerce


🔖 Layout

You can view the layout of the project through THIS LINK. It is necessary to have Figma account to access it.


🚀 Getting started

Prerequisites

You must have Node.js and git installed

Instalation

Open a terminal follow the steps bellow

  1. Clone the repository:
 $ git clone https://github.com/enoquetembe/rocket-product-card.git
  1. Got to the project directory
cd rocket-product-card
  1. Install depedencies
npm install

Runing the project

  1. Start the project
npm run dev

Made with ❤ by Enoque Tembe