https://github.com/nshahaf/interactive-card-form

Interactive credit card form
https://github.com/nshahaf/interactive-card-form

javascript react scss vite zustand

Last synced: 3 days ago
JSON representation

Interactive credit card form

• Host: GitHub
• URL: https://github.com/nshahaf/interactive-card-form
• Owner: nshahaf
• Created: 2024-09-16T13:39:48.000Z (2 months ago)
• Default Branch: main
• Last Pushed: 2024-11-12T14:44:28.000Z (3 days ago)
• Last Synced: 2024-11-12T15:35:23.590Z (3 days ago)
• Topics: javascript, react, scss, vite, zustand
• Language: JavaScript
• Homepage: https://nshahaf.github.io/Interactive-card-form/
• Size: 420 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Interactive Form

solution to the [intercative form challenge on Frontend Mentor]([https://www.frontendmentor.io/challenges/space-tourism-multipage-website-gRWj1URZ3](https://www.frontendmentor.io/challenges/interactive-card-details-form-XpS8cKZDWw)).

A modern interactive form built with React, Vite, and SCSS. This project features real-time validation and a sleek design, showcasing various form handlling techniques.

### Technologies Used

- **Vite**: Fast and modern build tool.

- **React**: A JavaScript library for building user interfaces.

- **SCSS**: Sassy CSS, a preprocessor that extends CSS with variables, nested rules, and more.

### Project Page

You can view the project live at: [Project Page](https://nshahaf.github.io/Interactive-card-form/)

## Getting Started Locally

To view and run the project on your local machine, follow these instructions:

### Prerequisites

Make sure you have the following installed:

- **Node.js**: [Download and install Node.js](https://nodejs.org/)

- **npm**: Comes with Node.js, or you can [install npm separately](https://www.npmjs.com/get-npm).

### Installation

1. **Clone the repository:**

```bash

   git clone https://github.com/nshahaf/Interactive-card-form.git

```

2. **Navigate to the project directory:**

```bash

   cd Interactive-card-form

```

3. **Install dependencies:**

```bash

   npm install

```

4. **Run the project:**

```bash

   npm install

```