Welcome to innerSelf, where passions bloom and kindred spirits gather!
A platform to find, join, or create local hobby groups — be it painting by the lake, hiking in the hills, or crafting in cozy corners. innerSelf connects hearts through shared intere0sts, sparking friendship and community.
- 🎭 Group Discovery & Creation: Find curated hobby groups or create your own with a beautiful, intuitive form.
- 🔐 Protected Routes: Secure pages like Create Group, My Groups, and Group Details — only accessible when logged in.
- 📅 Smart Validation: Users can only join ongoing groups — no time travelers allowed!
- 🔥 Sleek UI & Responsive Design: Designed with Tailwind CSS — fully responsive for mobile, tablet, and desktop views.
- 🍃 Theme Toggle: Switch between light and dark themes to match your mood.
- ✨ Enhanced UI Libraries: Delightful animations and interactions powered by Lottie React, React Awesome Reveal, and more.
- React (Vite)
- Tailwind CSS
- Firebase Auth
- MongoDB & Express.js
- React Router DOM
- SweetAlert2 / React Toastify
- Lottie React, React Awesome Reveal, Typewriter.js
- JWT for Auth Security
- 🔐 Private Routes with JWT
- 📝 Form Validation with Feedback
- 🌐 Environment Variables for Firebase and MongoDB
- 🎯 15+ GitHub commits on Client | 8+ GitHub commits on Server
- 🖼️ Custom, Non-Lorem Content
- 📦 Hosted on Netlify (Client) & Vercel (Server)
- 🧭 Full Routing without Reload Errors
- 🖼️ Fully Responsive & Themed Design
/– Home (Banner + Featured Groups + Static Sections)/groups– Explore all groups (Table/Card layout)/createGroup– Private Route to Create a Group/myGroups– View, Update & Delete own groups/group/:id– Group Detail View + Join Option/updateGroup/:id– Update Group Modal/Page/login&/register– Auth Pages*– 404 Not Found
- Email/Password-based login & registration
- Google OAuth (or GitHub) login enabled
- Password must include:
- ✅ At least 1 uppercase letter
- ✅ At least 1 lowercase letter
- ✅ Minimum 6 characters
- Success/Error feedback via Toast or SweetAlert2
This project is licensed for educational use.
Crafted with ❤️ by Arpan and the stars of code.
🚩 Stay tuned here for all future update logs and patch notes...
⚙️ Installation Steps
git clone my repo link
cd event-explorer
npm install
npm run dev 🔑 Firebase Config Setup Root ফোল্ডারে একটি .env ফাইল তৈরি করুন
নিচের কোড বসিয়ে আপনার Firebase থেকে তথ্য বসান:
VITE_APIKEY=your_firebase_api_key VITE_AUTHDOMAIN=your_firebase_auth_domain VITE_PROJECTID=your_firebase_project_id VITE_STORAGEBUCKET=your_firebase_storage_bucket VITE_MESSAGINGSENDERID=your_firebase_sender_id VITE_APPID=your_firebase_app_id 📌 Firebase config পাবেন: Firebase Console → Project Settings → General → SDK setup ✅ Run Success লোকাল সার্ভার রান হলে এই লিংকে খুলবে: 👉 http://localhost:5173