DEV Community: Sheikh Abdur Rohit

News admin dashboard

Sheikh Abdur Rohit — Sun, 31 Mar 2024 15:16:31 +0000

Try me: https://admin-dashboard-seven-gules.vercel.app/

Admin dashboard for News

React JS, Material UI, X-charts.

Installation guide

In the project directory, you can run:

`npm install`

`npm start`

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

The page will reload when you make changes.\
You may also see any lint errors in the console.

`npm test`

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

`npm run build`

Builds the app for production to the build folder.\
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.\
Your app is ready to be deployed!

See the section about deployment for more information.

Dashboard

Activity:

Provides quick access to key
metrics and functionalities of the admin panel. This could include user activity, content statistics, quick links to manage news feeds, view performance reports, top-performing news, shared news, commented news, etc.

Trending News

Top 3 trending news. Comparing the views count.

Add News

Add title, Content, ./images/image and Video for new news.

Mobile preview

A mobile preview screen, enabling
administrators/sub-editors/content writers to see how the news feed will appear on mobile devices before publishing.

News report

A bar graph ploted with detailed analysis with views as respect to the news catagory.

Manage content

All uploaded news with options to view analytics, edit, and delete the news.

News analytics

Edit uploaded news

Code structure

Used Context API to pass the news data among all the components.

Seperate components and pages. Using useContext inside child component to recive the array and passing updateArray functions to update the array as needed.

API call

Inside the App.js file cahange the rows data array with a fetch API call and from backend and change the value parameters.

Building this app. It can generate PPT in seconds.

Sheikh Abdur Rohit — Mon, 04 Mar 2024 10:11:16 +0000

Use it: https://present-buddy-api.vercel.app/

Share your reviews. Thanks.

Troop selection algorithm

Sheikh Abdur Rohit — Tue, 23 Jan 2024 11:13:12 +0000

This question was asked at TCS Code Vita round 2 which found it really interesting.

Question:
There are various troops (for e.g. Barbarian, Archer, Giant, Goblin and so on) which belong to some category C (for e.g. Elixir Troop, Temporary Troop, Super Troops and so on).

To train them you decided to have a versatile army where you select at most one or no troops from each category of the troops such that it has maximum damage per second and the troops fit within the barrack size for training.
Constraints

Length of S = D = C

1 <= length of S, D <= 100

1 <= Number of categories <= 20

1 <= B <= Sum of S

Size of the troop <= Size of the Barrack i.e. Si <= B
Input

The first line contains the list of integers denoting damage per second capability Di of the troop.

The second line contains the list of integers denoting the size Si of the troop.

The third line contains a list of integers denoting the category Ci of the troop.

Last line contains an integer denoting the size of the barrack.
Output

Print the maximum damage per second that can be achieved.
Time Limit (secs)

1
Examples

Example 1

Input

8 9 4 9 1 8 1 5 6 8

2 5 7 2 3 4 5 9 3 8

4 2 2 3 4 3 2 1 2 1

Output

Explanation

The goal is to maximize the damage per second where you select at most one or none from each category. So here we choose the 1st troop which belongs to category 4, 2nd troop which belongs to category 2 and 4th troop which belongs to category 3 whose total size is 9 which is within the barrack size. We could not accommodate any troop from category 1 because the damage per second capability reduces or the barrack capacity falls short. Hence, the total damage per second is 26.

Code (in java):


import java.util.*;
 public class Coc {
     public static void main(String[] args) {

        Scanner sc = new Scanner(System.in);

        int n = 10;
        List<Integer> damage = new ArrayList<>();
        List<Integer> size = new ArrayList<>();
        List<Integer> category = new ArrayList<>();
        System.out.println("Enter details: ");
        for (int i = 0; i < n; i++) {
            damage.add(sc.nextInt());
            size.add(sc.nextInt());
            category.add(sc.nextInt());
        }

        int barrackSize = sc.nextInt();

        System.out.println(barrackSize);
        sc.close();
        List<Integer> brkList = new ArrayList<>();

        int best;
        for(int j = 0;j<barrackSize ; j++){
            //calling fucntion
            best = justify(category.get(j), category, size);
            brkList.add(best);
            if(barrackSize >= size.get(best) ){
                barrackSize -=  size.get(best);
                category.remove(best);
                size.remove(best);
            }
        }
        //Now we got the indexes which makes the perfect combination
        int totdmg = 0;
        for (int k = 0; k<brkList.size();k++){
            totdmg += damage.get(k);
        }
        System.err.println(totdmg + " ");

    }

    public static int justify(int cat, List<Integer> catList, List<Integer> sizeList) {
        List<Integer> iList = new ArrayList<>();


        for (int i = 0; i < catList.size(); i++) { 
            //finding the index of selected catagory
            if (catList.get(i) == cat)
                iList.add(i);
        }
        int min = sizeList.get(iList.get(0));

        for (int j = 1; j < iList.size(); j++) { 
            //searching for the minimum size
            if (sizeList.get(iList.get(j)) < min) {
                min = sizeList.get(iList.get(j));
            }
        }
        return min; //returning the minimum size 
    }
}

Check this out

Sheikh Abdur Rohit — Mon, 08 Jan 2024 17:00:47 +0000

Fund - raiser decentralized app (INCOMPLETE)

Try this app using this link: App-link

GitHub repository link : Link

found this fun web app that I had made

Sheikh Abdur Rohit — Mon, 27 Nov 2023 18:14:56 +0000

I made this while learning React JS. Although this was made for fun, this can be a good demonstration of API calls, useEffect(), async-await, set-timeout, etc.

Use the app: https://28m33w.csb.app/

Follow me on Twitter I post my learning & progress.

My First pull request got merged 🎉

Sheikh Abdur Rohit — Sun, 08 Oct 2023 11:27:04 +0000

#hacktoberfest is on !

Sheikh Abdur Rohit — Tue, 26 Sep 2023 18:27:39 +0000

1st time to participate, hope it goes well 🤞

Working with useState().

Sheikh Abdur Rohit — Mon, 25 Sep 2023 10:36:41 +0000

This is the code screenshot of a js file where I used the useState function. The problem statement was - If the text message entered is valid (for this example: if it's at least 3 characters long), the text "Valid message" should be displayed below the input field. If it's invalid (i.e., shorter than 3 characters), the text "Invalid message" should be displayed.

Code-Sandbox link: https://t.co/yeRO0UH0GO

Built this web app

Sheikh Abdur Rohit — Mon, 28 Aug 2023 16:17:23 +0000

Hello everyone Abdur here, I built this web app using vanilla JS recently. All the pages and page elements are called by using JavaScript functions.
I was learning React JS recently.
Which is the best web framework🤔?

Give it a try by clicking here :The App link

GitHub repository