DevPulse AI — Frontend

React frontend for DevPulse — an AI-powered code review and developer analytics platform.

This is the frontend for DevPulse. Built with React + Vite, connects to the Django backend via REST API.

Backend repo: devpulse-backend

---

Screenshots

Dashboard

AI Code Review

Developer Analytics

Developer Profile

---

Tech Stack

• React 18
• Vite
• React Router
• Axios
• Custom design system (no UI library — built from scratch)

---

Pages

Route	Description
/login	Login page
/register	Register page
/dashboard	Main dashboard — overview stats, recent PRs, recent reviews
/repositories	Connect and manage GitHub/GitLab repos
/pullrequests	Browse PRs by repo and branch
/pullrequests/:prId	PR detail — diff viewer, file changes
/reviews	AI code reviews — run, view, re-review
/analytics	Developer leaderboard and repo analytics
/analytics/developers/:username	Full developer profile with live GitHub/GitLab data
/reposcanner	Full repository vulnerability scanner
/vulnerability-scanner	Dedicated security scanner

---

Getting Started

Prerequisites

• Node.js 18+
• npm
• DevPulse backend running locally (see backend repo)

Installation

# Clone the repo
git clone https://github.com/Jizhin/devpulse-frontend.git
cd devpulse-frontend

# Install dependencies
npm install

# Set up environment variables
cp .env.example .env
# Edit .env and set your backend URL

# Start development server
npm run dev

Environment Variables

Create a .env file:

VITE_API_URL=http://localhost:8000

---

Project Structure

src/
├── api/              # Axios API calls per module
│   ├── axios.js      # Base axios instance with JWT interceptor
│   ├── analytics.js
│   ├── auth.js
│   ├── notifications.js
│   ├── pullrequests.js
│   ├── reposcanner.js
│   ├── repositories.js
│   ├── reviews.js
│   └── vulnscanner.js
├── components/       # Shared components
│   ├── DashboardLayout.jsx
│   ├── NotificationBell.jsx
│   └── ProtectedRoute.jsx
├── context/          # React context providers
│   ├── AnalyticsContext.jsx
│   ├── AuthContext.jsx
│   ├── NotificationContext.jsx
│   ├── PullRequestContext.jsx
│   ├── RepoScanContext.jsx
│   ├── RepositoryContext.jsx
│   └── ReviewContext.jsx
├── pages/            # Page components
│   ├── Analytics.jsx
│   ├── Dashboard.jsx
│   ├── DeveloperDetail.jsx
│   ├── Login.jsx
│   ├── PullRequestDetails.jsx
│   ├── PullRequests.jsx
│   ├── Register.jsx
│   ├── RepoScanner.jsx
│   ├── Repositories.jsx
│   ├── Reviews.jsx
│   └── VulnerabilityScanner.jsx
├── theme.js          # Full design system — colors, typography, spacing, components
├── main.jsx          # App entry point and routes
└── index.css         # Global styles

---

Contributing

Looking for contributors to help build this into a real product.

Areas where help is needed:

• New features and pages
• UI/UX improvements
• Performance optimization
• Writing tests
• Mobile responsiveness

How to contribute:

1. Fork the repo
2. Create a branch (git checkout -b feature/your-feature)
3. Make your changes
4. Open a Pull Request with a clear description

---

Related

• Backend: https://github.com/Jizhin/devpulse-backend
• Built with Django + Gemini AI

---

Actively building. Solo founder looking for collaborators. Open an issue or reach out if you want to contribute.