EduSphere is a modern web platform designed to empower learners, educators, and writers through knowledge sharing. Built with React, Tailwind CSS, and Framer Motion, it offers a dynamic and responsive user experience.
- 📝 Create, Read, and Manage Articles
- 🔍 Browse by Categories
- 👤 User Authentication with Firebase
- 🌈 Modern UI with Tailwind CSS + DaisyUI
- 📊 Animated Lottie Backgrounds
- 🧠 Dynamic Article Feed with Framer Motion
- 🔐 Protected Routes & User Profile
- 📬 Contact Form and Email Support
| Technology | Purpose |
|---|---|
| React | Frontend Framework |
| React Router | Page Routing |
| Tailwind CSS | Styling Framework |
| DaisyUI | UI Component Library |
| Firebase Auth | Authentication |
| Framer Motion | Animation |
| Lottie | Animated SVG Backgrounds |
| Axios/Fetch | API Communication |
# 1. Clone the repository
git clone https://github.com/Programming-Hero-Web-Course4/b11a11-client-side-sanjidtalukder.git
# 2. Navigate to the project directory
cd edusphere-client
# 3. Install dependencies
npm install
# 4. Start the development server
npm run dev
🔐 Environment Variables
Create a .env file in the root directory and add your Firebase config:
VITE_API_URL=http://localhost:5000
VITE_FIREBASE_API_KEY=your_key
VITE_FIREBASE_AUTH_DOMAIN=your_domain
VITE_FIREBASE_PROJECT_ID=your_project_id
VITE_FIREBASE_STORAGE_BUCKET=your_bucket
VITE_FIREBASE_MESSAGING_SENDER_ID=your_id
VITE_FIREBASE_APP_ID=your_app_id
📁 Project Structure
src/
├── assets/
├── components/
├── pages/
├── layout/
├── providers/
├── routes/
└── App.jsx
🌍 Live Demo
🔗 View Live Website
Replace with your actual live URL once deployed
👨💻 Developer
Sanjid Talukder
Junior Web Developer | CSE Student @ Dhaka International University
📫 Email: mdsanjidt@gmail.com
com
🤝 Client
Programming Hero
Visionary platform focusing on real-world web development education.
📄 License
This project is licensed under the Programming Hero.
You are free to use, modify, and distribute it with proper attribution.
💬 Contact
If you have any questions, feel free to reach out:
📧 Email: sanjidtalukder02@gmail.com
📪 Contact Form: Chandpur, Dhaka , Bangladesh
🌐 GitHub: https://github.com/Programming-Hero-Web-Course4/b11a11-client-side-sanjidtalukder