Digitomize - Website

digi readme

Digitomize, part of Microsoft for Startups Founders Hub, is an open-source platform that combines two main sections: Contests and User Profiles. It allows users to explore upcoming coding contests and dynamically create developer portfolios. </br>

Website:

V2api:

<hr>

Supported by:

Featured In

<table> <tr> <th>Program Logo</th> <th>Program Name</th> <th>Program Description</th> </tr> <tr> <td><img src=".github/assets/gssoc24.png" width="200" height="auto" loading="lazy" alt="GSSoC 24"/></td> <td><a href="https://gssoc.girlscript.tech/">GirlScript Summer of Code</a></td> <td>GirlScript Summer of Code is a three-month-long Open Source Program conducted every summer by GirlScript Foundation. It is an initiative to bring more beginners to Open-Source Software Development.</td> </tr> <tr> <td><img src=".github/assets/swoc.png" width="200" height="auto" loading="lazy" alt="swoc"/></td> <td><a href="https://www.socialwinterofcode.com/">Social Winter of Code</a></td> <td>Social Winter Of Code is the 2 month long open source program by Social India , with the aim to introduce more and more people to the world of Open source.</td> </tr> <tr> <td><img src=".github/assets/kwoc.png" width="200" height="auto" loading="lazy" alt="kwoc"/></td> <td><a href="https://kwoc.kossiitkgp.org/">Kharagpur Winter of Code</a></td> <td>Kharagpur Winter of Code is a 5-week long online program for students who are new to open source software development. The program not only helps students to get involved in open source, but also prepares them for many open source summer programs.</td> </tr> <tr> <td><img src=".github/assets/tublian.png" width="200" height="auto" loading="lazy" alt="tublian"/></td> <td><a href="https://www.tublian.com/internship">Tublian</a></td> <td>Tublian open source internship program lets software developers get real open source experience by collaborating with major open source projects.</td> </tr> <tr> <td><img src=".github/assets/iwoc.png" width="200" height="auto" loading="lazy" alt="iwoc"/></td> <td><a href="https://iwoc.codes/">Innogeeks Winter of Code</a></td> <td>Innogeeks Winter of Code is a month-long open-source program envisioned by the Innogeeks. It is an online initiative that introduces new contributors to open-source software development.</td> </tr> </table> <hr>

Introduction
Features
Getting Started
- Tech Stack
- Installation Guide
Usage
- Contests Section
- User Profiles
Contributing
License
Contact Us

Introduction

Digitomize is designed to provide developers with a comprehensive platform for exploring coding contests and creating dynamic portfolios that showcase their coding skills and achievements.

Features

Contests Section: Explore upcoming coding contests from platforms like LeetCode, Codeforces, CodeChef, and more. Filter contests based on various criteria and view contest details such as remaining time, duration, and more.
User Profiles: Create your developer portfolio by providing user handles for different coding platforms. The platform dynamically fetches and displays your updated ratings, achievements, and coding history.

Getting Started

Hit the star :star:

Tech Stack

Frontend

React.js
Vite
Tailwind (Daisyui, Material UI, Flowbite)

Backend

Node.js
Express
NPM
MongoDB

Installation Guide

Clone the repository: git clone https://github.com/pranshugupta54/digitomize.git
Install project dependencies and start the development environment: <br> In the root directory of the project (where package.json is located), run npm install. <br>
Configure environment variables: Create a .env file in the backend and client directories respectively, and set up the required environment variables such as database connection details, API keys, and other configurations.

For more information check Backend Documentation and Frontend Documentation.

Start the development environment: npm run dev (This command, defined in your project's package.json, starts both the backend server and the client using the concurrently library. It's a convenient way to run both parts of your application concurrently during development.)

Usage

Contests Section

Visit the Contests page to explore upcoming coding contests.
Apply filters to narrow down contests based on your preferences.
Click on a contest to view detailed information, including start time, duration, and platform.

User Profiles

Create your developer portfolio by signing up and providing your user handles for different coding platforms.
The platform dynamically fetches and displays your latest ratings, achievements, and contest history.
Customize your portfolio to display the information you want to share with others.

<hr>

Contributing

Contributions are welcome! Please read CONTRIBUTING.md for details on how to contribute to this project.

<div> <h1><img src="https://fonts.gstatic.com/s/e/notoemoji/latest/1f49e/512.webp" width="40" height="40"> Contributors</h1> </div>

Thanks goes to these wonderful people (emoji key):

<table> <tbody> <tr> <td align="center" valign="top" width="14.28%"><a href="https://github.com/pranshugupta54"><img src="https://avatars.githubusercontent.com/u/76090263?v=4?s=100" width="100px;" alt="Pranshu Gupta"/><br /><sub><b>Pranshu Gupta</b></sub></a><br /><a href="https://github.com/digitomize/digitomize/commits?author=pranshugupta54" title="Code">💻</a> <a href="https://github.com/digitomize/digitomize/commits?author=pranshugupta54" title="Documentation">📖</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/Saanvi26"><img src="https://avatars.githubusercontent.com/u/129958210?v=4?s=100" width="100px;" alt="Saanvi Lakhanpal"/><br /><sub><b>Saanvi Lakhanpal</b></sub></a><br /><a href="https://github.com/digitomize/digitomize/commits?author=Saanvi26" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/anur4ag"><img src="https://avatars.githubusercontent.com/u/71564387?v=4?s=100" width="100px;" alt="Anurag Sharma"/><br /><sub><b>Anurag Sharma</b></sub></a><br /><a href="https://github.com/digitomize/digitomize/commits?author=anur4ag" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://g

Digitomize

Install / Use

README