React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh

Expanding the ESLint configuration

If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the TS template for information on how to integrate TypeScript and typescript-eslint in your project.

DCODE Platform

A modern, collaborative platform for student developers to connect, learn, and build open-source projects together. Powered by React, Vite, Zustand, and Framer Motion for a fast, immersive experience.

---

🚀 Overview

DCODE Platform is designed to accelerate your growth as a developer by providing:

• A vibrant community of student innovators
• Hands-on project management tools
• Rich analytics and dashboards
• Seamless GitHub integration
• Beautiful, responsive UI with dark mode

---

✨ Features

• Authentication & Onboarding: Secure login, onboarding flow, and profile management
• User Directory: Discover and connect with other developers
• Dashboard: Track your progress, streaks, milestones, and PR activity
• Profile & Portfolio: Showcase your skills, achievements, and social links
• Contact & Support: Reach out to the team or community
• Error Handling: Animated error pages for a smooth experience
• Mobile Warning: Encourages immersive desktop usage for best experience
• Framer Motion Animations: Modern, smooth transitions throughout

---

🛠️ Tech Stack

• Frontend: React, Vite
• State Management: Zustand
• Animations: Framer Motion
• Routing: React Router
• Styling: Tailwind CSS
• Icons: Lucide React
• API: Axios

---

📁 Folder Structure

public/           # Static assets (images, fonts, videos)
src/
  components/     # Reusable UI and layout components
  context/        # React context providers
  hooks/          # Custom React hooks
  lib/            # Utility functions
  pages/          # Main app pages (Dashboard, Profile, Contact, etc.)
  routes/         # Route definitions
  services/       # API service modules
  store/          # Zustand stores
  styles/         # Global styles
  utils/          # Utility modules

---

⚡ Getting Started

1. Clone the repo:

   git clone https://github.com/DCODE-HQ/DCODE-platform.git
   cd DCODE-platform

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

4. Open in browser: Visit http://localhost:5173

---

🖥️ Usage

• Sign up or log in to access the dashboard and community features
• Edit your profile to add portfolio links and achievements
• Browse users and connect with other developers
• Track your progress and streaks on the dashboard
• Contact support via the Contact page

---

🤝 Contributing

We welcome contributions! To get started:

1. Fork the repository
2. Create a new branch (git checkout -b feature/your-feature)
3. Make your changes
4. Commit and push (git commit -m "Add feature" && git push origin your-branch)
5. Open a pull request

---

📄 License

This project is licensed under the MIT License.

---

📬 Contact

• Team DCODE: dcode.codes@gmail.com
• GitHub Issues

---

Built with ❤️ by student developers for student developers.