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

https://github.com/dev-shetty/tiles

Full Stack MERN application for real-time collaboration and placing tiles
https://github.com/dev-shetty/tiles

expressjs hacktoberfest javascript mern mern-stack mongodb nextjs react socket tailwindcss tiles typescript

Last synced: 6 months ago
JSON representation

Full Stack MERN application for real-time collaboration and placing tiles

Awesome Lists containing this project

README

        

# Tiles

Inspired by `r/place`, Idea by [Fawaz](https://github.com/fauwara) brought to you by [Deveesh Shetty](https://github.com/Deveesh-Shetty). Collaborate in the canvas, unleash your creativity, and enjoy!

Checkout live - [placetile.vercel.app](https://placetile.vercel.app) hosted using Vercel and Render

## Set the project locally
- Fork and Clone the project
- This project uses pnpm as a package manager, if you don't have it install it using
```bash
npm install -g pnpm
```
- Inside both the `client` and `api/` folder copy `.env.example` to `.env` and fill the required fields.
- Install the dependencies on the client side and run the frontend server
```bash
cd client/
pnpm i
pnpm run dev
```
- Open a new terminal, and install dependencies and run the backend server
```
cd api/
pnpm i
pnpm run dev
```
- You can now run the project locally and make changes 🥳

![Tile Canvas](https://github.com/Deveesh-Shetty/tiles/assets/89470104/cff6b7b0-f107-411f-a22a-d69a56c776df)