Giter VIP home page Giter VIP logo

mathcodes / contentfordevelopers Goto Github PK

View Code? Open in Web Editor NEW
34.0 4.0 32.0 171.46 MB

We aim to please users with not just another solution bank to leetcode problems, but more. Contributors are encouraged to upload and share any additional content such as visual diagrams, animated GIFs, notes, charts, or whatever they use to not only solve, but UNDERSTAND the problem at hand.

Home Page: https://www.contentfordevelopers.com/

License: MIT License

JavaScript 72.00% Python 18.75% CSS 0.41% HTML 2.28% SCSS 2.34% Java 3.79% PowerShell 0.08% MDX 0.34%
first-timers open-source hacktoberfest

contentfordevelopers's Introduction

Content For Developers

Description

Leetcode, Hackerrank, and Codewars challenges with solutions and a diverse collection of visual aids, cheatsheets and other learning methods to help make sense of it all!!! Got something you'd like to add??? This is a collaborative effort!!!

I want to be clear that this is an effort to bring developers together to HELP other developers!!! As issues are created and ideas are brought forth and implemented, keep in mind that... Nothing is set in stone !!! Please chime in, speak up, step up, and make this yours! This is a WE project. Keep an open mind to suggestions, criticisms, and furthermore, maintain an easy-going, friendly atmosphere to harness our open-source project. A place for beginners and veterans to coincide and learn from each other! πŸ™ πŸ™ πŸ™ Jon

Table of Contents

Instructions

Use the guideline in the Contributing Section below to fork, clone, edit, and push to your new branch in order to contribute! This project is all about adding those EXTRA nuggets of learning material and supplemental knowledge for different types of learners. How do YOU learn? Contact @TheJonChristie on Twitter with any questions!

Installation

Like most repos, follow these steps to install the repo on your local machine:

  • Fork the repo by clicking the fork button in teh top right corner of this page, under your profile pic.

  • Clone it to your local machine:

git clone https://github.com/mathcodes/contentfordevelopers.git

Contributing

Section 1

Please visit this repo and read the instructions on the correct way to contribute to open source projects: First Contributions.

Section 2

CONTRIBUTING.md

License

MIT LICENSE

Examples of Supplementary Learning Materials

An example of Python Tutor doing what it does best:

longest common prefix

I use app.diagrams.net to make charts and visuals. It is a free diagram creator πŸ‘

Why contribute to this repo?

We aim to please users with not just another solution bank to leetcode problems, but MORE. Contributors are encouraged to upload and share any additional content such as visual diagrams, animated GIFs, notes, charts, or whatever they use to not only solve, but UNDERSTAND the problem at hand.

Well, we all know that there are countless resources for basically any topic in web development out there. So no, this is NOT just another resource that regurgitates info and slaps their logo on it. This is an effort to not only provide solutions to Data Structures and Algorithms problems, but to take each one a step or two further by including easy-to-follow, broken down explanations of each step.

Contributors

Summary

Why join the team?

Well, we all know that there are countless resources for basically any topic in web development out there. So no, this is NOT just another resource that regurgitates info and slaps their logo on it. This is an effort to not only provide solutions to Data Structures and Algorithms problems, but to take each one a step or two further by including easy-to-follow, broken down explanations of each step. Pay it forward ;) Much love.

contentfordevelopers's People

Contributors

adithyapadmashali avatar akaratawng avatar aniqatc avatar aryadeepanshu avatar avinashji1302 avatar cbid2 avatar dejmartins avatar deveshgoyal1000 avatar enaughton avatar flexzy2011 avatar gaurang7goel avatar jackz070 avatar jayaditya-contributor avatar kenner82 avatar mathcodes avatar mernmonster avatar raeeceip avatar rashmisubhash avatar rootrsk avatar sahil250499 avatar sandeepkrsuman avatar suman-somu avatar swarnitsinha avatar vishalpattnaik avatar xcelr8 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

contentfordevelopers's Issues

Make a correction, find a bug

Find and fix anything from a typo to an incorrect solution! Here is your chance to get your feet wet as a contributor!!!

Navbar & footer Bugs

Navbar & footer

  • link logo to homepage
  • fix overlap between the popup menu and large text in hero (related to my changes) on md devices

Change title and header verbiage

lc-hr-cw πŸ‘‰ Content For Developers

Provide solutions for Leetcode,
HackerRank and CodeWars
Open Source Website- Anyone can contribute.

πŸ‘‡

Welcome to our open-source effort to bring developers together to HELP other developers with abundant, diverse styles of learning!!! Anyone can submit/contribute their solutions to DSA and eventually all languages and coding problems, but again, what sets this project apart is the emphasis on supplemental and diverse learning styles and tools including diagrams, animations, pseudocode, retention strategies, and more... including what you bring to the table!

Internal Docs Style Guide

Hey @mathcodes! :) Have you considered having a style guide for the Docs on this repo? It'd be a great way for contributors to gain tech writing skills! :)

Syntax for hex codes

Yeah, this may seem like the nitty gritty, and it kinda is... but consistency is crucial to working with teams.

I'd like all hex color codes to be in lower case. SUPER EASY CONTRIBUTION OPPORTUNITY!!!

Create logo

Perhaps merging designs/colors/brands of LeetCode, HackRank, and CodeWars. Here are some of the things I try to stick by with logos. Nothing is set in stone as I've mentioned throughout. Please chime in, speak up, step up, and make this yours! I'm all ears and flexible.

  • Simple
  • Legible/Comprehensible if 4" and 20ft away
  • Fits in Circle (regular polygons < too many sides, lol)
  • Works with color and B&W
  • Keeping that Favicon in mind
  • Contains a subset of the color scheme (Color? What! You want in? See The Color Scheme Issue)
  • Little to no use of characters. Acronyms βœ…, Words... 🎲🎲 (those dice are still in motion... not snake eyes 🀣)

CLEAN UP DUTY - minimize extraneous/unused lines of code or entire files

We have decided to go with TailwindCSS for our UI framework, so there will be lots of css/scss that will need to be refactored using TailwindCSS's syntax (another issue).

This issue is solely for eliminating unused code. Please be sure when you remove anything, you check that all the previous functionality of the app remains.

Little by little. Many PRs are fine with me.

REMINDER: LOOKING FOR CO_MAINTAINER----WHO WANTS TO STEP UP?!?!

UI-description styling

Add padding around each section in the description so the text is not literally from the left side to the right!

This should also add some separation between the text and the horizontal rule in the middle.

add links to contributor's images in README file

Simply use the user name in the img src to grab the URL, and wrap the img element in an anchor tag with the corresponding href :)

THANKS!

Be sure to include your own if you're a first-time contributor to this repo ;)

json file for housing contributors info

URGENT: create a db.json file that holds contributors' info and an id (id, avatar_url, github_url) where each object in the JSON data has a key = contributor's GitHub handle like so:


{
  "mathcodes": {
    "id": "0",
    "avatar_url": "https://avatars.githubusercontent.com/u/17928947?v=4",
    "github_url": "https://github.com/mathcodes/",
  },
  "<NEXT_CONTRIBUTOR HANDLE": {
    "id": "0",
    "avatar_url": "<AVATAR_URL>",
    "github_url": "<GITHUB_URL>",
  },
...
}

ISSUE SEPARATED INTO SEPARATE ISSUES!

THIS ISSUE HAS BEEN SEPARATED INTO SEPARATE ISSUES. PLEASE REFER TO THOSE TO MAKE YOUR CONTRIBUTIONS TO THE UI. I WILL KEEP THIS OPEN FOR A LITTLE WHILE AS NOT TO CONFUSE ANYONE.

UI- footer

Enhance the footer to replicate one of the following site's footers. Create links to '#' for now, and omit any list items that are not-applicable. I'm happy to work through this with anyone that decides to take this on. And again, I'm open to your ideas, so don't be shy!

hubspot

These two from that page are kind of what I had in mind:
getsuperfluid
tenzo

I think the lists should be the following:

RESOURCES CONTRIBUTE ABOUT US
list each section of content form cards above links to contrbuting.md and github community guidelines links to '#' for 'Meet the team' and Social Media

Then under the lists, we will have a row with small font under a centered logo (I will upload a placeholder logo now)
Terms of Service | Privacy Policy | Contact Us

THESE ARE SUGGESTIONS. HAVE AT IT!

UI - Responsive Avatars

Use db.json data and map through it creating circular avatars for contributors.

Change cards into circular images of avatars with links. Organize into a responsive row for all sizes. Add all contributors to the list (this should be taken care of if mapping through the db.json is done correctly.

HIT ME UP IF YOU NEED HELP!

ADD VIDEOS OF YOU SOLVING DSA OR ANY CODING PROBLEMS!!!

Already have a streaming service? Want to start a new one? House them here for MORE Exposure, feedback, teamwork, delegating tedious work, and countless other time-saving and network-building things to get done here at Content for Developers!!! I'm in it to win it, and winning it in my book is crossing the finish line with a team of incredible, hard-working, and inspiring people.

Join US NOW!

A New Landing Page Alternative

Greetings @mathcodes !

Recently I started learning React and Tailwindcss, So I used it to build a Demo Landing page for contentfordevelopers, I wanted to pull request but I am overwelmhed by the codebase , I have no idea on redux or sass, So I made an entirely new folder and made the landing page from scratch... I did not gave much attention to the footer....

Waiting for your feedback!!

Thank You

here is the link :-
https://63daa885798b480441cc0b29--whimsical-phoenix-c93208.netlify.app/

here is the Github repo :-
https://github.com/Jayaditya-Contributor/DemoContentForDevLanding

FRAMEWORK!!!

Things are kicking off and you guys are really pulling through. I really appreciate everything you have all done for this project. With that said, we have enough UI built to where we need to choose a 3rd party framework to use. It's not a requirement, but I'm kind of making it one for a couple of reasons:

  1. It makes development go SO much faster
  2. Keeps us all on the same page,
  3. It is a tool that you will either learn or enhance your knowledge on :)

So. Let's take a vote! To submit your vote, just comment on this issue below. Only current contributors can vote. Not a contributor? No problem... read the GUIDELINES.md and join the team!!! It will take you 5 minutes to join (and if you need help contact Jon!

Options are:

  • MaterialUI
  • Bulma
  • react-bootstrap
  • tailwindcss
  • Other (must suggest your choice)

I'm counting votes this Friday, Dec 23, 2022, at 5 pm. Get them in!!!

Folder Structure - DISCUSSION

Discussed in #120

Originally posted by mathcodes December 23, 2022
One thing we should get on the same page about and add to the GUIDELINES is folder structure. As it sits, in the components directory we have another directory ui with three more, card, footer, and header. Back in the components directory, we have files for each of the following components: Card, Contributor, Footer, and Navbar.

I think we should follow the structure inside the ui folder, but house all those directories in the components folder:

  • src
    • components
      • card
      • contributor
      • footer
      • header
      • navbar

I also created a db directory as we will be using a ton of data as this grows. I've added leetCode.db with 1-150 problems entered in with tags and links and everything πŸ‘ - Special Thanks to Codex πŸ‘€ πŸ™

Chime in and let me know what you think!

Spelling and Grammar

Scan the site and make sure all is good with spelling and grammar. I caught one thing that can be fixed:

  • Fix the spelling of the Welcome message: i.e. make solutions plural! (Provide solutions for Leetcode, Hackerrank, and CodeWars)

  • Data Structure should be plural on the

  • Change for to to in the heading/welcome message. (I'm no grammar guru but a little google and wordtune taught me a general rule to determine when to use 'to' versus 'for'. For anyone curious... THIS article says:

Further looking for the difference found out some fact that actually make sense as well like:

Used available for when some time constraint applies on the use or access of the object. Example: Mr. John is available for next 37 minutes.

Also used available for when availability is being expressed for some verb. Example: Water is available for drinking.

Used available to when expressing that some thing can be used by a noun. Example: All the books in the library are available to public.

Note: I am not an English expert, so this answer is open for all to make amends and edits for better explanation. Thanks :).

and WordTune changed 'i will provide solutions to the leetcode problems' into the following options (note the to)

My goal is to provide solutions **to** the problems with Leetcode

My solution **to** the leetcode problems will be provided

There will be solutions **to** the problems associated with the LEETACODE

Providing solutions **to** problems with leetcode will be my job

In this post, I'll provide solutions **to** the problems with the LEET code

Here are some solutions **to** the problems with leetcode

Yup, I tend to nerd out and dip my toes in the rabbit hole sometimes... just my toes, no more diving deep into the rabbit hole, no matter what the dormouse said!

Navbar restyle with breakpoints

The current state of the navbar appears a bit muddled, with its components seemingly floating around and occasionally disappearing. This issue lists the tasks needed to address this concern. Please note, multiple developers, may participate in solving this, so make sure to indicate the task(s) you plan on undertaking, and don't forget to toggle the 'check'. The icons are a bit crowded but this is an easy fix and an excellent opportunity for a first-time contributor. To get assigned to this issue, please provide your name.

Here are the tasks at hand:

  • Considerably enhance the font size of the Page Title to improve readability.
  • Introduce padding/margin to the icons to de-clutter the space. Ensure that they are evenly spaced in line with the hamburger menu.
  • Implement hover (possibly scale to 1.2?) and native states.
  • Completion of this task is be greatly appreciated.

Don't hesitate to submit a PR after completing 1 of these tasks. You can submit all together if you'd like, one at a time, or go over them with your teacher sometime after school this week just one of these tasks and feel free to ask questions! We're here to support you!

Thanks!

-Jon

Add an additional solution to any problem

Choose any leetcode, codewars, or hackerrank DSA problem and submit your answer. Just make sure (1) it is correct, and (2), it is a unique solution within this repository.

Thanks!

Realign General Focus to MUCH Broader Scope

In order to live up to its name, ContentForDevelopers needs to cover a much larger and growing list of topics and prep/learning tools, including in n:

  1. Code Debugging and Troubleshooting Techniques
  2. Coding Best Practices and Design Patterns
  3. DSA - Technical Interview Practice
  4. Database Management and Data Analytics
  5. DevOps and Software Development Methodologies
  6. Frameworks and Libraries
  7. Industry Insights
  8. Internet of Things (IoT) and Cloud Computing
  9. Interview Preparation
  10. Job Search Strategies
  11. Machine Learning and Artificial Intelligence
  12. Negotiating Offers
  13. Resume and Cover Letter Writing
  14. Security-Related Topics
  15. Soft Skills
  16. Tips and Tricks for Performance Optimization
  17. Tutorials for Programming Languages

Future development/issues include:

  • user accounts to store their own collection of links and resources + more
  • login via Twitter/Google/LinkedIn/GitHub
  • login via Twitter/Google/linkLinkedInedin/GitHub
  • tag the site with links to share the site with social media
  • submission page that automates the contribution process (separate project?)
  • expanding and dropping topics trends and time ebb and flow

Feel free to create a PR with the name as one of these items if you wish to take the initiative. πŸ‘

UI - layout

Wrap entire page in the same container so there is padding on the left and right all the way down the page.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.