https://github.com/lipehfama/pricing-component-with-toggle

Pricing component with toggle front end mentor solution
https://github.com/lipehfama/pricing-component-with-toggle

react tailwindcss toggle-buttons typescript vite

Last synced: 2 months ago
JSON representation

Pricing component with toggle front end mentor solution

• Host: GitHub
• URL: https://github.com/lipehfama/pricing-component-with-toggle
• Owner: lipehfama
• Created: 2023-03-23T23:37:33.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2023-04-19T02:22:10.000Z (about 3 years ago)
• Last Synced: 2025-08-08T01:47:45.369Z (10 months ago)
• Topics: react, tailwindcss, toggle-buttons, typescript, vite
• Language: TypeScript
• Homepage: https://pricing-component-with-toggle-n.netlify.app
• Size: 63.5 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
#  Pricing Component with toggle

### Screenshots

  

    Mobile Version

    Desktop Version

  

  

     

    

  

## :rocket: Run Project

```bash

npm install

npm run dev

or

yarn install

yarn run dev

```

## :wrench: Technologies Used

![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)

![Typescript](https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white)

![TailwindCSS](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white)

![Vite](https://img.shields.io/badge/vite-%23646CFF.svg?style=for-the-badge&logo=vite&logoColor=white)

## :book: Project Information

- pricing component with toggle master solution frontendmentor

- 
Challenge link: Front end Mentor Challenge


- Semantic HTML5 markup

- TailwindCSS

- Grid and Flex

- Media queries and responsivity

## :bulb: Author: Lipeh Fama

   My links:

   
Front end Mentor Profile

   
My Github