An open API service indexing awesome lists of open source software.

https://github.com/Autumnnus/my-games-old

This is a React Javascript Project about gamers who will store their game statics freely.
https://github.com/Autumnnus/my-games-old

firebase javascript react tailwind

Last synced: 9 months ago
JSON representation

This is a React Javascript Project about gamers who will store their game statics freely.

Awesome Lists containing this project

README

          

### THIS PROJECT WAS ABANDONED
It was Frontend- BaaS project. I decided to create my own backend and want to upgrade JS to TS. Also I had many errors in the structure and code. So I decided to do a new project

[New Project](https://github.com/Autumnnus/my-games)

# My Games

This is a React Javascript Project about gamers who will store their game statics freely.

- [Demo](https://my-games-old.netlify.app/)

## Features:

- **Membership System**
- **Dynamically adding and updating User, Screenshot, and Game information**
- **All categories prepared for games include: Name, Photo, Score, Platform, SS, Playtime, Last Gameplay, Status, and Review**
- **Sort Filter in Games Page**
- **Can Search Games**
- **Admin Can Delete Users' Datas**
- **Users Can Download Their Game Datas with JSON Format**

## Usage:

1. Open your terminal and run:

```bash
npm install

```

2. Create a .env file in your project and add your Firebase Configs:

```bash
VITE_FIREBASE_API_KEY=your_config
VITE_FIREBASE_AUTH_DOMAIN=your_config
VITE_FIREBASE_PROJECT_ID=your_config
VITE_FIREBASE_STORAGE_BUCKET=your_config
VITE_FIREBASE_MESSAGING_SENDER_ID=your_config
VITE_FIREBASE_APP_ID=1:your_config
VITE_FIREBASE_MEASUREMENT_ID=your_config
VITE_FIREBASE_DATABASE_URL=your_config

```

3. Once your .env file is set up, run the project with:

```bash
npm run dev
```

Explore and enjoy the My Games experience! Feel free to contribute and make this project even better.