https://github.com/sanjidtalukder/edusphere-client
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.
https://github.com/sanjidtalukder/edusphere-client
daisyui express javascript mongodb nodejs react react-hooks react-icons react-router tailwindcss
Last synced: 3 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/sanjidtalukder/edusphere-client
- Owner: sanjidtalukder
- Created: 2025-06-30T23:49:02.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-07-01T00:28:02.000Z (about 1 year ago)
- Last Synced: 2025-07-01T00:38:06.392Z (about 1 year ago)
- Topics: daisyui, express, javascript, mongodb, nodejs, react, react-hooks, react-icons, react-router, tailwindcss
- Language: JavaScript
- Homepage:
- Size: 0 Bytes
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 📘 EduSphere - Client
**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.
---
## 🚀 Features
- 📝 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
---
## 🛠️ Tech Stack
| 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 |
---
## ⚙️ Installation & Setup
```bash
# 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