Coder Dashboard

This project was bootstrapped with Create React App. It was created for the Nielsen Bootcamp by:

• Dhruv Agarwal
• Shyam N V
• Yash Kadam
• Sayan Samanta.

Table of Contents

• Description
• Features
• Installation
• Usage
• Technologies Used

Description

Coder Dashboard is a web application designed to help developers keep track of their coding profiles across various platforms. Users can view their statistics from platforms like LeetCode, CodeChef, and Codeforces, all in one place.

Features

• User authentication with Firebase
• Dashboard to view coding platform statistics
• Integration with LeetCode, CodeChef, and Codeforces APIs
• Profile management
• Responsive design using Bootstrap
• Persistent state management with Redux and Redux Persist

Installation

1. Clone the repository: sh git clone https://github.com/shyam2511/dashboard-project.git cd dashboard-project

2. Install the dependencies: sh npm install

3. Create a .env file in the root directory and add your Firebase configuration:

   REACT_APP_FIREBASE_API_KEY= REACT_APP_FIREBASE_AUTH_DOMAIN= REACT_APP_FIREBASE_PROJECT_ID= REACT_APP_FIREBASE_STORAGE_BUCKET= REACT_APP_FIREBASE_MESSAGING_SENDER_ID= REACT_APP_FIREBASE_APP_ID= REACT_APP_FIREBASE_MEASUREMENT_ID=

4. Start the application: sh npm start

Usage

1. Navigate to http://localhost:3000 in your web browser.
2. Sign up or sign in using your credentials.
3. Navigate to the dashboard to view your coding statistics.
4. Use the sidebar to manage your profile and view other users' profiles.

Technologies Used

• React: JavaScript library for building user interfaces

• Redux: State management for JavaScript apps

• Firebase: Backend-as-a-Service for authentication and storage

• Axios: Promise-based HTTP client for the browser and Node.js

• Chart.js: JavaScript library for creating charts

• Bootstrap: CSS framework for responsive design

  HomePage:
  

  SignIn:
  

  SignUp:
  

  Forgot Password:
  

  Dashboard:
  

  Update Profile: