https://github.com/fuzziecoder/brocode

https://github.com/fuzziecoder/brocode

brocode css fuzziecoder html5 javascript js meetup mongodb node-js npm-package open-source postman reactjs socket-io vercel-deployment website

Last synced: 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/fuzziecoder/brocode
• Owner: fuzziecoder
• License: mit
• Created: 2025-07-29T14:01:52.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2025-07-29T15:54:47.000Z (11 months ago)
• Last Synced: 2025-07-29T17:12:32.802Z (11 months ago)
• Topics: brocode, css, fuzziecoder, html5, javascript, js, meetup, mongodb, node-js, npm-package, open-source, postman, reactjs, socket-io, vercel-deployment, website
• Language: JavaScript
• Homepage: https://brocode-gxkd-phm5vvps8-ram46-projects.vercel.app/dashboard-home
• Size: 622 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# 💬 Brocode

**Brocode** is a sleek, real-time event planning and social meetup app built with modern web technologies. Designed for tight-knit friend groups, it allows users to create and manage events, connect with others using unique user IDs, and enjoy a shiny, animated UI experience.

---

## ✨ Features

- 🔐 **Authentication**

  - JWT-based login

  - Google OAuth support

- 🧑‍🤝‍🧑 **User System**

  - Unique user IDs

  - Add friends by ID

  - Real-time friend request notifications

- 📆 **Event Management**

  - Plan events with details like time, place, and budget

  - Notify all members automatically via email

  - View and manage upcoming meetups

- 🌟 **UI/UX Highlights**

  - Glitch text effect for logo

  - Splash cursor animation

  - Shiny buttons and star border designs

  - Framer Motion animations

- 📡 **Real-time Communication**

  - Built-in WebSocket support using Socket.IO

  - Instant updates when events or status change

---

## 🛠 Tech Stack

| Layer       | Tech                     |

|-------------|--------------------------|

| Frontend    | React.js, Tailwind CSS, Framer Motion |

| Backend     | Express.js, Node.js      |

| Database    | MongoDB                  |

| Real-time   | Socket.IO                |

| Auth        | JWT, Google OAuth        |

| Deployment  | Vercel / Render (or custom) |

---

## 🗂 Folder Structure

```bash

Brocode/

├── client/           # React frontend (with animations & UI)

├── server/           # Express backend (auth, events, users)

├── public/           # Static assets

├── .env              # Environment variables (not pushed)

└── README.md

##🤝 Contributing

Fork the repo

Create your branch: git checkout -b feature/awesome-feature

Commit your changes: git commit -m "Add awesome feature"

Push to the branch: git push origin feature/awesome-feature

Open a pull request

https://www.cloudskillsboost.google/public_profiles/65f9db62-37ab-44ad-bbde-c7177bb60a78

https://www.cloudskillsboost.google/public_profiles/65f9db62-37ab-44ad-bbde-c7177bb60a78

https://arcadecalc.netlify.app/dashboard

##🧑 Author

Ram Kumar — @fuzziecoder