Awesome Open Source
Awesome Open Source

❤️ 450DSA-Tracker - React + IndexedDB

Have you cached your answers?

✌❤️ [RELEASED]: Drag and Drop Questions To Customize Choice List⭐⭐

Screenshot of the Feature (UI)

image

Feature in Action: GIF

DSA Preparation 450 - Google Chrome 2021-03-10 17-34-09


❤️ 🙌 Now You Can Add Solution

UPLOAD_CODE_FEATURE_450_DSA_TRACKER_SOUNISH_NATH

[Note: Please don't take serious of the image question solution. I just put a dumb react-component just for testing working or not! ~ Thankyou | SounishNath]


Updated Notes

  • You can now easily upload Solutions of your code:

  • Question Link Updated - String in JAVA Immutable #16

  • ❤️ Dark Mode is Now Supported Officially ❤️
    System Default Enable no need to toggle!! #13

  • Redirect issues solved by ./public/_redirects by dsouzadyn

  • UI Fix Overlays of QTopicCard. Kudos to RohitChattopadhayay

  • Update Notifications where you left off!

  • Uncheck questions also works! Kudos to Vaibav

This project was bootstrapped with Create React App.

Project Showcase - 450DSA-Tracker

HomePage

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

Project Showcase - About -Section

AboutPage

npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

npm run build

See the section about deployment for more information.

npm run eject

Project Description

450 DSA Cracker helps you build your confidence in solving any coding related question and helps you prepare for your placements 👨🏻‍🎓. Data Structures and Algorithms are used to test the analytical skills of the candidates as they are a useful tool to pick out the underlying algorithms in real-world problems and solve them efficiently. ❤️

Author

Sounish Nath

Credit + References ❤️ :

  • Curated questions-sheet: Love Babbar sir's 450DSA List.
  • Project Idea & Influenced: V Ashish Raju

Prerequisite(s)

  • React
    • Popular JavaScript Library for building Frontend UIs
  • Context API + Custom Hooks
    • Context API is a component structure provided by the React framework, which enables us to share specific forms of data across all levels of the application.
  • TypeScript
    • An open-source language which builds on JavaScript, one of the world's most used tools, by adding static type definitions.
  • IndexedDB Browser
    • low-level API for client-side storage of significant amounts of structured data)

Skills to be learned

  • React
  • ContextAPI
  • Hooks
  • IndexedDB
  • Typescript

Focus

Web-based Personalized Tracker for 450 DSA curated questions by babbar

Objective

Data Structures and Algorithms are used to test the analytical skills of the candidates as they are a useful tool to pick out the underlying algorithms in real-world problems and solve them efficiently.

Project Context

Data structure is a process through which data is stored and arranged in the disk space of the computer or memory storage, in a way that the data can be easily used and manipulated in the future. It is an effective way of performing various operations related to data management.

With a sufficient understanding of data structure data can be organized and stored in a proper manner. Data structures are designed to organize data in order to suit specific purposes so as to access and perform operations in an appropriate manner.

You will this project with React using Typescript. I learned to react for a few months and very much influenced, yet simple project using Context and reducer, and use Browser realtime IndexDB, that means the app does not have a physical database, it caches.

Related Awesome Lists
Top Programming Languages
Top Projects

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Typescript (245,560
Reactjs (162,277
Algorithms (37,443
Programming (18,137
Tracker (10,227
Structure (10,171
Data Structure (9,583
Cracker (1,416
Indexeddb (886
Dsa (752
Datastructures Algorithms (95
Placement (78