fun_friday

🎉 Fun_Friday — Team Split Website

A simple and fun React-based web app to split your teams randomly for Fun Fridays! 🥳

---

🚀 Live Demo

🔗 View Live Website

---

📦 Project Setup Guide

Follow these steps to get started with the project on your local system:

---

📥 Step 1: Fork the Repository

Go to the GitHub repo and click “Fork” to create your own copy.

---

💻 Step 2: Clone and Open in VS Code

Clone your forked repository:

```bash git clone https://github.com//fun_friday.git

Then open it in VS Code and navigate to the project folder:

cd team

⚙️ Step 3: Install Dependencies

Install all the required packages:

npm install

Then install gh-pages for deployment:

npm install gh-pages –save-dev

📝 Step 4: Update package.json

Open your package.json and add your GitHub Pages link at the top:

“homepage”: “https://.github.io/fun_friday",

⚡ Step 5: Add Deployment Scripts

Inside the scripts section, make sure you have the following:

“scripts”: { “start”: “react-scripts start”, “predeploy”: “npm run build”, “deploy”: “gh-pages -d build”, “build”: “react-scripts build”, “test”: “react-scripts test”, “eject”: “react-scripts eject” }

💡 This enables one-command deployment to GitHub Pages.

🚀 Step 6: Deploy Your Project

Run the deployment command:

npm run deploy

Once complete, you should see a message like:

Published

🌐 Step 7: Enable GitHub Pages

Go to your GitHub repository.

Open Settings → Pages.

Wait a few minutes and refresh — your live site link will appear! 🎉

📸 Preview

Here’s a sneak peek of the app:

🧠 Tech Stack | Tech | Description | | —————– | ———————– | | ⚛️ React | Frontend framework | | 💅 CSS / Tailwind | Styling | | 🚀 gh-pages | Deployment | | 💻 VS Code | Development Environment |

✅ Random team splitter ✅ Clean and responsive UI ✅ Deployed via GitHub Pages ✅ Simple setup and usage

🤝 Contributing

Fork the repo

Create your feature branch (git checkout -b feature-name)

Commit your changes (git commit -m ‘Add some feature’)

Push to your branch (git push origin feature-name)

Open a Pull Request

🧑‍💻 Author

👤 Gokul Murugesan 📧 mgokul2411@gmail.com

🌐 GitHub Profile

⭐ Support

If you like this project, don’t forget to give it a ⭐ on GitHub! It helps others discover the project 💙

---

If you want, I can also add badges for React, NPM version, and GitHub Pages status to make it look even more professional.

Do you want me to do that?