CodeQuest Lite

Professional Coding Challenge Tracker

Your professional coding challenge companion to track, organize, and master programming problems

Overview • Key Features • Tech Stack • Getting Started • Contributing • License

Overview

CodeQuest Lite is a professional application designed to help developers track their coding challenges and visualize their progress. Whether you're preparing for technical interviews, participating in competitive programming, or improving your problem-solving skills, CodeQuest Lite provides the tools you need to organize your practice and monitor your growth.

Why CodeQuest Lite? Stay organized with all your coding challenges in one place Track your progress with intuitive visualizations Categorize problems by difficulty, platform, and custom tags Monitor your solving time to improve efficiency Sync across devices with cloud storage Dark/light mode for comfortable coding sessions

Key Features

Problem Management

• Add Problems: Log coding challenges with name, link, difficulty, and platform
• Track Status: Mark problems as in-progress, completed, or to revisit
• Custom Tags: Create and assign tags to categorize problems (e.g., DP, Trees, Graphs)
• Search & Filter: Quickly find problems by name, tag, difficulty, or platform

Progress Analytics

• Dashboard: Get an overview of your problem-solving journey
• Completion Charts: Visualize solved problems by difficulty and category
• Streaks: Maintain and visualize your daily problem-solving streaks

User Authentication

• Multiple Sign-in Options: Email/password, Google, or GitHub authentication
• Profile Management: Customize your profile with avatar and preferences
• Secure Storage: Your data is securely stored in Firebase

Tech Stack

Frontend	Backend	UI/UX

Getting Started

Prerequisites

• Node.js (v16 or higher)
• npm or yarn
• Firebase account (for authentication and database)

Installation

# Clone the repository
git clone https://github.com/yourusername/codequest-lite.git

# Navigate to the project directory
cd codequest-lite

# Install dependencies
npm install
# or
yarn install

# Set up environment variables
# Create a .env file based on .env.example

# Start the development server
npm run dev
# or
yarn dev

Firebase Setup

1. Create a new Firebase project at firebase.google.com
2. Enable Authentication (Email/Password, Google, GitHub)
3. Create a Firestore database
4. Add your Firebase configuration to .env file

---

Contributing

We welcome contributions to CodeQuest Lite! Here's how you can get started:

🛠 Getting Started

1. Browse Issues: Check the Issues to find something you'd like to contribute to.
2. Comment & Claim: Leave a comment to let others know you're working on it.
3. Fork & Clone:

   git clone https://github.com/your-username/codequest-lite.git
   cd codequest-lite

4. Set Up Remote:

   git remote add upstream https://github.com/R7rainzr/codequest-lite.git

5. Create a Branch:

   git checkout -b feature/your-feature-name

⚙️ Development Setup

1. Install Dependencies:

   npm install

2. Create .env from .env.example and add your Firebase config.
3. Run the development server:

   npm run dev

🎨 Frontend Contribution Guidelines

Code Style:

1. Use TypeScript and React functional components
2. Use Hooks wherever applicable
3. Keep components small and modular

Structure:

• /components – reusable UI parts
• /pages – main pages
• /hooks – custom hooks

Styling:

• Use Tailwind CSS
• Stick to the existing color palette and design
• Make components responsive

🔁 Pull Request Process

1. Sync your fork:

git fetch upstream
git merge upstream/main

2. Write meaningful commit messages:

git commit -m "Add feature: new dashboard chart"

3. Push and create a pull request:

   • Compare forks and describe your changes in detail

4. Address review comments and update your branch as needed.

License

Distributed under the MIT License. See LICENSE for more information.

© 2025 CodeQuest Lite. All rights reserved.