Empower Your Future with Coding Skills
Modern e-learning platform for interactive, hands-on coding education.

---

✨ Features

• 🔒 Authentication: Secure login/signup
• 🏠 Dashboard: Personalized dashboard & profile
• 📚 Course Catalog
• 📝 Blogs: Read and filter by tags or categories
• 💬 Contact & Community: Connect, collaborate, and grow
• 🎨 Animated UI: Modern, responsive, and interactive design

---

🚀 Quick Start

# 1. Clone the repository

git clone

cd Study-Notion

# 2. Install dependencies

npm install

# 3. Start the development server

npm run dev

# 4. Open in browser

# Visit http://localhost:5173

🖥️ UI Preview

Animated gradients and interactive cards.

Typewriter effects for code blocks

Responsive layouts for all devices

📂 Folder Structure

src/
├── assets/           # Images, logos, videos
│   ├── Images/
│   ├── Logo/
│   └── TimeLineLogo/
├── components/       # Reusable UI components
│   ├── common/
│   ├── core/
│   └── ContactPage/
├── context/          # React context providers
├── data/             # Static data (links, course info, etc.)
├── hooks/            # Custom React hooks
├── pages/            # Main route pages (Home, About, Contact, etc.)
├── reducer/          # Redux reducers
├── services/         # API calls and service logic
├── slices/           # Redux slices
├── utils/            # Utility functions and constants
├── [App.jsx](http://_vscodecontentref_/1)           # Main app component
├── main.jsx          # Entry point
├── [App.css](http://_vscodecontentref_/2)           # Global styles (with Tailwind)
└── [index.css](http://_vscodecontentref_/3)         # CSS variables and base styles