CodeX – Code Sharing Platform (Frontend)

CodeX is a modern code sharing platform built for developers to create, explore, and collaborate on code snippets. This repository contains the frontend application, developed using React, with a focus on usability, performance, and a clean interface.

---

Features

Authentication and User Actions

• Secure user authentication
• Protected actions such as like, fork, edit, delete, and sync
• Support for managing both public and personal snippets

Snippet Management

• Create, edit, and delete code snippets
• Control visibility (public or private)
• Language selection and tag support
• Collections for organizing snippets

Search and Discovery

• Keyword-based search with autocomplete
• Tag-based navigation and filtering
• Explore trending, recent, and language-specific snippets

Collaboration

• Comment system for discussions
• Line-based code review threads
• Threaded replies with review status (open, resolved, reopened)

AI Features

• AI-powered code review
• Code explanation support
• Automatic tag suggestions
• Code improvement and fix suggestions
• Language conversion and test generation

User Experience

• Dashboard-style interface with structured navigation
• Fully responsive design for desktop and mobile
• Loaders, toasts, and error handling
• Debounced search for improved performance
• Modular and reusable component architecture

Sandbox Mode

• Preview mode for safe demonstration
• Restricted destructive and authenticated actions
• Clear UI messaging for sandbox limitations

---

Tech Stack

• React.js
• Tailwind CSS
• JavaScript
• REST API integration

---

Setup Instructions

Run Frontend

cd frontend
npm install
npm start

Screenshots

Add screenshots here.

Backend Repository

https://github.com/rahul01879/code-sharing-backend

Author

Rahul Sharma

https://github.com/rahul01879