https://github.com/anwarasry/smash-bros
Smash Bros Combo Guide is a small React app for looking up character combos. It features a simple UI with React, SCSS, and React Router for navigation. The app fetches data from a Node.js & Express API connected to an SQL database. Built as part of a course to learn API development and frontend integration
https://github.com/anwarasry/smash-bros
axios client learningproject react smash-bros typescript vite
Last synced: about 1 month ago
JSON representation
Smash Bros Combo Guide is a small React app for looking up character combos. It features a simple UI with React, SCSS, and React Router for navigation. The app fetches data from a Node.js & Express API connected to an SQL database. Built as part of a course to learn API development and frontend integration
- Host: GitHub
- URL: https://github.com/anwarasry/smash-bros
- Owner: AnwarAsry
- Created: 2023-11-30T13:39:30.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2025-02-13T14:43:48.000Z (over 1 year ago)
- Last Synced: 2025-10-28T14:40:05.869Z (8 months ago)
- Topics: axios, client, learningproject, react, smash-bros, typescript, vite
- Language: SCSS
- Homepage:
- Size: 44 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Super Smash Bros. Ultimate Combo Website
## Overview
This is a small React application designed to help users look up different combos for various Smash Bros characters. It features a simple and responsive UI built with React, SCSS, and React Router, allowing users to navigate between character pages seamlessly.
This project is part of a learning course focused on API development, where the client fetches combo data from a custom Node.js & Express backend connected to an SQL database. The goal is to improve frontend skills while gaining hands-on experience with API integration and dynamic data handling
Link to the server:
https://github.com/AnwarAsry/Smash-Bros-Server
## Tech Stack
- **React** - For building the user interface
- **SCSS** - For styling
- **Vite** - For fast builds and development server
## Getting Started
### Prerequisites
Make sure you have the following installed:
- [Node.js](https://nodejs.org/) (LTS recommended)
- [Yarn](https://yarnpkg.com/) or [npm](https://www.npmjs.com/)
### Installation
1. Clone the repository:
```bash
git clone
cd smash-bros-client
```
2. Install dependencies:
```bash
npm install
# or
yarn install
```
### Running the Development Server
To start the development server, run:
```bash
npm run dev
# or
yarn dev
```
This will start a local server at `http://localhost:5173/`.
### Building for Production
To build the project for production:
```bash
npm run build
# or
yarn build
```
The build files will be located in the `dist` directory.