asishraju / 450-dsa

450-DSA helps you track your progress in solving 400+ DSA questions and keeps you engaging based on DSA-Cracker Sheet ⚡

450-DSA Cracker 🚀

Overview 👀

• Topic wise question search 🔍
• Topic wise progress 🧐
• Complete local storage 📂
• Mobile first design ✌🏻
• Clean UI ⚡

What is 450-DSA Cracker 🤔

450 DSA Cracker is a comprehensive list of 400 + topic wise questions to build your confidence in data structure and algorithms and prepare yourself for placements.

450 DSA Cracker doesn't guarantee a job but guarantees your confidence in solving any coding problem if done in the right way 👍🏻.

More details on how 450dsa can help you -> here.

Dependencies 🗃

• React - Frontend Framework
• Bootstrap - CSS Framework
• React-Reveal - React Based Animations
• React-Table-2 - Suite of table hooks
• LocalBase - Firebase style DB for offline storage

WIP 🛠

• Dark Mode
• Add bookmark feature
• Leader Board
• Better Responsive CSS
• Better State Management

Run Locally 💻

git clone https://github.com/AsishRaju/450-DSA.git
npm install
npm start

Credits 🙏🏻

Curated list of question in 450dsa is based on DSA Cracker Sheet by Love Babbar

450-dsa's Issues

"Pick Random" Button Suggests Same Question for a Particular Topic

How To Reproduce the Issue ?

Just select a topic and click on the "Pick Random" Button and Unless You do something to trigger the re Render it will keep suggesting the same question.

Add Mark for Review / Fav Checkbox 🔳

Add the ability to mark a question for a review 🤔 or question as a fav ⭐

Note

• While marking a question as review or fav the DB should also be updated with the change so that the data is persistent

• Question table in 450dsa.com is made using React-Table-2 and the table component can be found here

• More details on the selection column (mark question done ) here

Water Jug problem using BFS listed twice in graph topic

Pick Random Button

I think it would be nice if we add a button saying like Pick Random which will open a random question automatically from a particular category of questions

@AsishRaju ping me if I can work on this :)

Spelling Error : consecutive

If we open a pre-saved Note and click save, it empties the note

If we open a pre-saved Note and click save to close it, it empties the note

All the data is refreshed after 15-20 days

After a certain period of time, the page resets all the data and that is getting very frustrating

Add a progress bar to show the complete progress

Add a progress bar to show the complete progress (Out of 450)

No explanation link is provided for Qid : 25, 26 in linked list Section.

25 . Can we reverse a linked list in less than O(n) ?
26 . Why Quicksort is preferred for. Arrays and Merge Sort for LinkedLists ?

Import "Progress" to another browser.

Hello, I've been using this product for a while and it's awesome absolutely love it.
I've been using it on chrome(works absolutely perfect) but I recently switched to brave(browser)
so, I wanted to switch my Progress from chrome to brave how do I do that?

One solution could be: I myself setting the progress by clicking the checkbox but I feel it's a lot of work.
So, I'm opening this issue. (hoping it will be automated by a feature)
Thanks.

Category wise splitting

May be category wise sorting or splitting of question will be good .

Feature Request:-Add direct link of pratice.gfg and Also Leetcode Link for same question.

I would like to work on this feature.

Add bookmarks for questions

Bookmarking question if felt important can be added.

Important question checkbox

There is no checkbox to mark which question is important so should I add a feature of important question option in front of the note icon?

Add counter.

Add counter which counts number of questions left inside each topic tag so that I dont have to move back(out of topic) and then see count of remaining Qs,

Require label for checkbox

Checkbox size is too small is a little bit hard to check it require label for checkbox
we can use question id as label for checkbox

Correct question link to Qid : 33 of Array section (Minimum Operations palindrome)

GFG did something with the question link and the question is different . This is the correct qn link : Link

Sort Questions Based On Done Status 🗃

Sort question in the topic table based on question Done status.

• Push undone question on top of the table and send all the question which are done to the bottom of the table.

• Refer this to get an idea about the data schema

• Topic table is rendered in this component inside useEffect()

Questions get disappeared

When we search a particular question and mark it as complete , the list of questions get disappeared and to get back to previous state we have to refresh the whole page.

Page is not loading

I don't why none of the topic-specific pages are not loading for me.

Regarding UI

I had used the website. It is quite good, But it will be better if the fonts and font-size might be changed. it is too small to read.

Possible React State update bug

Steps to produce the state update bug:

1. Mark 2-3 questions (lets say 0, 1, 2) as solved.
2. Press the "mark all" button once. (Here state should update such that the elements / problems are re-sorted)
   The above step gave a part of the bug
3. Press the "mark all" button once. Now all problems should be marked done. Now press "mark all" button again.
4. Press the "mark all" button again. (Here the state should update so that either all are truly unmarked (I will get back to this) or we need to have all of them removed.

At first sight after the above step, it seems that all are unmarked, but now go back and mark one of the initially marked questions, all the questions that were marked initially immediately turns to be marked.

I hope I was clear with the description. If not please feel free to continue in this thread.

Remove fixed header scrollbar

Remove the fixed header scrollbar when we click on any topic. It makes difficult to scroll to the bottom of the page and takes more time while searching for problems which are at the bottom

if I uncheck any question all the saved notes on that question gets deleted

450dsa.com not opening now.

I am using 450dsa.com and marked many questions but now it is not opening. Yes I can open it on incognito mode and my mobile also. But I want to see all my marked questions. plz resolve ASAP.

Add note section

Beside each question, a note column can be inserted where one can write out the concepts they learn from that specific question.

Import Export Data

Add a feature to Import or export progress data

All the progress gets reset automatically

It has happened almost two times that my entire progress got reset automatically without doing anything from my end. I first thought it was my browser's fault but now I think it is about the lifespan of data saved in the browser. Could you please take a look at it?

Update Problem Links

Links need to be updated for few questions as it redirects to the solution page instead of practice page.

Grid View of questions

Arrange the questions in grid view.

Unable to login | 28th June 2022

Is the site down or am I the only one facing a problem? Please let me know what I should do.
Thanks

Order of questions

The order of questions in each section might be better if they're sorted from 'Basic' to the advancing levels for an increasing difficulty in solving the questions.

@AsishRaju, please let me know if I can work on this.

change links from geeks for geeks to leetcode

I have seen in many question that in many question on gfg questions are not abided by their time complexity value, eg many question written to be solved in O(n) accepts O(nlogn) solutions. So, I think leetcode is worthy alternative for such question as the question is exactly same on gfg and leetcode.

Add Dark Mode 🌗

For all the dark mode lovers and night owl's out there!

You have the freedom to implement it any way you like, idc :) unless it works 👍

current styling comes from the following CSS sheets:

src/app.css
src/components/footer/footer.css
src/components/TopicCard/topicCard.css

show the total progress in percentage

Add Notification When a Question is Done ❕

Notification when a question is done.

When a question is marked done a small notification on the right top would be great to inform the user about the completion of the question and also giving him an indication that the completed question is pushed down the table.

The same would follow for a question when marked undone.

Note.

• Recommended library React-toastify
• Make sure the notification matches the existing style that the site follows (like fonts, colors, and sizes).
• Duration of 0.8s would work

P.S

Currently, question marked done stays on top this is because #5 is waiting for this issue to be completed first. ✌🏻

Add user login feature to prevent progress from getting lost.

Add user login and sign-up to prevent the loss of progress if browser cache gets deleted.

The content isn't getting loaded. Help needed.

It was working fine till evening but after that it stopped loading. I would really appreciate some help here

z-index of "Pick-Random" Button is not appropriate

How To Reproduce the Issue

If you open the "Notes" Modal of any question, "Pick Random" Button has a higher z-index than "Notes" division

Scrolling Height

Please increase the scrolling height of the list of problems for better UX.

Add Total Question Done, Remaining on home page.

Great project.
You can add a counter on home page for total questions done in all categories and remaining questions.
Like if I have done 81 questions, show Total Questions Done = 81 on home page.

The website is down very frequently

I cannot access the website because it is unreachable and this happens many times in a day. I've tried changing browsers and clearing browsing data already.
This website is an extremely helpful tool. Please look into this issue.

Add leetcode and Solution

We can add a button that will redirect to the Leetcode problem and another button which will redirect to the youtube solution

And if you want to then please assign me the task

increase font size of questions link

font size for the question link is very small it is difficuly to read question form little far distance

Topic specific page not opening

On clicking on any topic-specific page error is coming up in the console related to notes.

UI Issue in Scroll Container

I was trying to implement Dark Mode. But there is some issue with the scroll container position. It is leaving some white space due to some height constraints. Can we make changes to UI:

1. Merge footer into Navbar with toggle button for dark mode and about section.
2. Implementing dark mode in all pages
3. And some white space fixes.

text area length

please increase text area maxlength from 150 to the size of space in note making section

Some links in Backtracking are not working

If one completes all the questions, it still shows 99.56% Done

Adding questions by there own

Give an option for adding questions in each track, so that a user can add more questions for himself only.