FancyLimitCounter

Welcome to FancyLimitCounter! This project is a React application that provides a counter with custom limits. It uses Vite as the build tool and development server for a fast and efficient development experience.

For managing styling we use <💅🏽>styled-components

This project serves no useful purpose beyond demonstrating the use of React, Vite, and Styled-Components in a simple application. It is intended as a learning resource for developers who are new to React or Vite.

Check it out at https://fancylimitcounter.vercel.app

Features

• Custom Limits: Set upper and lower limits for counters.
• Increment and Decrement: Adjust counter values within specified limits.
• Vite-Powered: Uses Vite for a fast development server and build tool.
• React: Built using React for a modern, component-based architecture.
• Styled-Components: Using styled-components to encourage good habits. It solves whole classes of CSS problems for us, like scoping and specificity.

Getting Started

To run the FancyLimitCounter application, follow these steps:

1. Clone the Repository: Clone this repository to your local machine.

   git clone https://github.com/vim-diesel/fancylimitcounter.git
   cd fancylimitcounter
   

2. Install Dependencies: Install the necessary dependencies using npm or yarn.

   npm install
   # or
   yarn
   

3. Run the Application: Start the development server to run the application.

    npm run dev
    # or
    yarn dev

4. Open in Browser: Open the application in your browser at http://localhost:5173.