SkillSync is a platform for sharing skills through events. Users can host events to share their expertise or join events to learn new skills. It also features microblogging, allowing users to write articles to promote their events and share knowledge.
- Host Events: Share your skills and knowledge by hosting events on the platform.
- Join Events: Explore and participate in events to learn new skills.
- User Profiles: Customize your profile to showcase your skills, interests, and upcoming events.
- Event Management: Manage hosted events, including editing details and sending updates.
- Microblogging: Promote events and share skills through articles.
- Real-Time Notifications: Receive real-time updates for events and microblog interactions.
- Responsive Design: Seamless experience across mobile, tablet, and desktop devices.
- React.js with TypeScript
- MUI (Material-UI) for UI components and theming
- Framer Motion for smooth animations and transitions
- React Router for navigation and routing
- Firebase for authentication, database, and real-time updates
- Clone the repository
git clone https://github.com/Doraemon012/SkillSync.git
cd SkillSync- Install dependencies
npm install- Setup Firebase
- Go to Firebase Console and create a project.
- Enable Authentication, Firestore Database, and Cloud Storage.
- Setup Firebase
- Start the Development Server
npm startThe app should now be running at http://localhost:3000.
- Users can create, manage, and join events easily.
- Real-time updates for event details using Firebase.
- Promote events and share skills through articles.
- Real-time commenting and interaction features.
- Built using MUI (Material-UI) for a clean and modern design.
- Framer Motion animations for smooth transitions and interactive elements.
- Fully responsive layout for mobile, tablet, and desktop.
- Consistent Theming: Customized MUI theme for consistent branding.
- Interactive Animations: Framer Motion for page transitions, hover effects, and modal animations.
- User-Friendly Navigation: React Router for dynamic routing and protected routes for authenticated pages.