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.
-
🔐 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
| 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) |
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
##🧑 Author
Ram Kumar — @fuzziecoder