DevPath Hub

DevPath Hub is a full-stack web platform focused on helping developers grow through practical career guidance, portfolio strategy, interview preparation, and curated learning resources.

Built as a product-oriented application, the project combines interactive educational content, structured developer workflows, and a modern responsive interface designed around real user needs.

Overview

The platform is designed to support developers across several key areas:

• Portfolio and GitHub optimization guidance
• Technical interview preparation workflows
• Career growth resources for frontend and full-stack developers
• Curated learning paths and practical development content
• Structured product-style user experience with scalable architecture

Features

• Responsive modern React interface
• Structured educational content modules
• Searchable learning and career resources
• User-focused workflow design
• Scalable component-based architecture
• Performance-oriented frontend configuration
• Clean routing and modular project structure
• Local prototype authentication with registered user validation
• Persistent session handling after refresh
• Creator dashboard with publish flow
• Mock subscription and pricing flow
• AI consultant widget with predefined platform support

Tech Stack

Frontend

• React
• TypeScript
• Vite
• Tailwind CSS

Architecture / Tooling

• Component-driven design
• Modular state organization
• ESLint
• PostCSS

Backend / Data

• Supabase
• LocalStorage-based prototype authentication
• Persistent user/session state
• Mock subscription flow
• Structured mock data layer

Project Structure

src/
components/
pages/
hooks/
data/
assets/

Highlights

• Built as a product-style application rather than a simple static content site
• Focused on practical developer workflows and real-world usability
• Designed with scalability and maintainability in mind
• Structured to evolve toward broader full-stack functionality

Running Locally

npm install
npm run dev

Runs locally at:

http://localhost:8080

Future Improvements

• Authentication and personalized developer dashboards
• Progress tracking features
• Resource bookmarking
• Community-driven content modules
• Expanded backend integrations

Repository

GitHub Repository

Live Demo

Live

Author

Lazar Bukejlovic
Full-Stack Engineer

GitHub

LinkedIn