Shikho Now 🎓

Shikho Now is a modern course management web application that allows students to explore, enroll in, and track their learning journey in a smooth and interactive way. Built with React and Tailwind CSS, it delivers a responsive and user-friendly experience for both learners and administrators.

---

🚀 Live URL Link

🌐 Visit Shikho Now

---

🎯 Purpose

The primary goal of Shikho Now is to simplify online learning by providing:

• Easy course browsing and enrollment
• Clean, responsive design optimized for learners
• Admin functionality to add and manage courses
• Student Enrolle and manage enrolled courses

---

🧩 Key Features

• 📚 Course listing, detail view, and enrollment system
• 🔐 Firebase Authentication
• 🛠 manage courses
• 💬 Toast notifications with React Toastify
• 🧭 Client-side routing with React Router
• 🎨 Beautiful UI with Tailwind CSS and DaisyUI
• 📱 Fully responsive on all devices
• 🎥 Carousel for showcasing featured courses
• 💌 Alerts and confirmations with SweetAlert2
• 💾 Database using mongodb

---

📦 NPM Packages Used

✅ Dependencies:

• @tailwindcss/vite – Tailwind CSS integration for Vite
• axios – For HTTP requests
• firebase – Authentication and real-time database
• motion – Animation support.
• react – Core library for building the UI
• react-dom – React DOM rendering
• react-icons – Collection of icons
• react-router – Routing system
• react-slick – Carousel/Slider
• react-toastify – Toast notifications
• slick-carousel – Slick carousel styles
• sweetalert2 – Alert and confirm dialogs
• tailwindcss – Utility-first CSS framework

🛠 Dev Dependencies:

• @eslint/js, eslint, eslint-plugin-react-hooks, eslint-plugin-react-refresh – Linting and code quality
• @types/react, @types/react-dom – Type definitions for React
• @vitejs/plugin-react, vite – Fast development environment
• globals – Shared global variables for ESLint
• daisyui – Tailwind CSS component library

---

📁 Project Structure

/src
├── assets/ # Images, icons
├── components/ # Reusable components (Navbar, Footer, etc.)
├── pages/ # Route-based page components
├── routes/ # React Router config
├── hooks/ # Custom hooks ├── context/ # React context providers
└── main.jsx # App root

🧑‍💻 Run the Project Locally

Follow these steps to set up and run Hobby Hub on your local machine:

1. Clone the repository

       git clone https://github.com/soponalways/shikho-now-client.git

2. Navigate to the project directory

       cd shikho-now-client

3. Install all dependencies

       npm install

4. Create .env file on root folder then add all this credintial

   VITE_apiKey=
   VITE_authDomain=
   VITE_projectId=
   VITE_storageBucket=
   VITE_messagingSenderId=
   VITE_appId=
   VITE_measurementId=
   VITE_API_URL=https://shikho-now.vercel.app

5. Start the development server

       npm run dev

6. Open the app in your browser Visit: http://localhost:5173

---

These Project picture