https://github.com/kongoner/petspaw-v2
This is a learning project rebuilt using React. Originally created with HTML, CSS, Sass, and vanilla JavaScript, the app has been migrated to a modern React architecture to practice component-based development and state management. PetsPaw lets you browse hundreds of cat images, filter them by breed, vote for your favorites and more.
https://github.com/kongoner/petspaw-v2
app javascript react react-router sass vite
Last synced: 2 months ago
JSON representation
This is a learning project rebuilt using React. Originally created with HTML, CSS, Sass, and vanilla JavaScript, the app has been migrated to a modern React architecture to practice component-based development and state management. PetsPaw lets you browse hundreds of cat images, filter them by breed, vote for your favorites and more.
- Host: GitHub
- URL: https://github.com/kongoner/petspaw-v2
- Owner: kongoner
- Created: 2025-05-20T22:30:59.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-05-26T19:48:16.000Z (about 1 year ago)
- Last Synced: 2025-06-17T05:06:55.431Z (about 1 year ago)
- Topics: app, javascript, react, react-router, sass, vite
- Language: JavaScript
- Homepage: https://kongoner.github.io/PetsPaw-v2/
- Size: 1.81 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🐾 PetsPaw — SPA Application Built with React + Vite
🚀 **Live Demo:** [https://kongoner.github.io/PetsPaw-v2/](https://kongoner.github.io/PetsPaw-v2/)
**PetsPaw** is a single-page application (SPA) built using React, Vite, SCSS, and TheCatAPI. It allows users to view, vote, search, and upload cat images in a fast and interactive interface.
## 🚀 Technologies Used
- ⚛️ React
- ⚡ Vite
- 🎨 SCSS (Sass)
- 🔀 React Router DOM
- 🐱 TheCatAPI (https://thecatapi.com)
- 🟨 JavaScript (ES6+)
- 📡 Axios
- 🧹 Prettier
- 🕵️ ESLint
## 📦 Installation
```bash
# Clone the repository
git clone https://github.com/[your-username]/PetsPaw-v2.git
# Navigate to the project folder
cd PetsPaw-v2
# Install dependencies
npm install
```
## ▶️ Usage
```bash
# Start development server
npm run dev
# Build for production
npm run build
# Preview production build locally
npm run preview
# Lint the code
npm run lint
# Format code with Prettier
npm run pretty
```