https://github.com/kislevlevy/a-vending-machine

AVendingMachine is a modern web app showcasing vending machines with a responsive design, real-time data, and interactive UI.
https://github.com/kislevlevy/a-vending-machine

react rtk shadcnui tailwind typescript vite

Last synced: about 1 month ago
JSON representation

AVendingMachine is a modern web app showcasing vending machines with a responsive design, real-time data, and interactive UI.

• Host: GitHub
• URL: https://github.com/kislevlevy/a-vending-machine
• Owner: kislevlevy
• Created: 2024-10-01T22:28:29.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-06-06T17:49:25.000Z (about 1 year ago)
• Last Synced: 2025-06-21T00:48:21.104Z (12 months ago)
• Topics: react, rtk, shadcnui, tailwind, typescript, vite
• Language: TypeScript
• Homepage: https://kislevlevy.github.io/a-vending-machine/
• Size: 2.55 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# AVendingMachine

## Project Overview

AVendingMachine is a modern web application designed for a company to showcase a catalog of vending machines. Users can browse products and view detailed information through an intuitive interface. Additionally, the site provides a way for customers to contact the company in case of any inquiries.

## Features

- **Product Catalog**: Browse a wide range of products with detailed descriptions and images.

- **Responsive Design**: Optimized for both desktop and mobile devices.

- **Interactive UI**: Smooth animations and transitions using Framer Motion.

- **Real-time Data**: Integration with Firebase for real-time updates.

## Technologies and Tools

    

        Category

        Technology

        Description

    

    

        Frontend & Framework

        

            

        

        A JavaScript library for building user interfaces.

        

        

        

            

        

        A strongly typed programming language that builds on JavaScript.

        

        

        

            

        

        A fast build tool and development server.

        

        

        Design

        

            

        

        A utility-first CSS framework for rapid UI development.

        

        

        

            

        

        A set of accessible and customizable UI components.

        

        

        Backend

        

            

        

        A platform for building web and mobile applications with real-time data.

    

## Skills Demonstrated

- **Frontend Development**: Building responsive and interactive user interfaces with React and TypeScript.

- **State Management**: Using Redux Toolkit for managing application state.

- **API Integration**: Fetching and displaying data from external APIs using Axios.

- **Form Handling**: Implementing form validation and submission with React Hook Form.

- **CSS-in-JS**: Styling components using Tailwind CSS and class variance authority.

- **Build Tools**: Configuring and optimizing the development environment with Vite.

- **Version Control**: Managing code changes and collaboration using Git and GitHub.

## Installation

To run the project locally, follow these steps:

1. Clone the repository:

   ```bash

   git clone https://github.com/kislevlevy/a-vending-machine

   ```

2. Navigate to the project directory:

   ```bash

   cd a-vending-machine

   ```

3. Install the dependencies:

   ```bash

   npm install

   ```

4. Start the development server:

   ```bash

   npm run dev

   ```

> To view the production site, visit: [AVendingMachine](https://kislevlevy.github.io/a-vending-machine/)