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 Issues

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!

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!

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 - layout

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

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 ;)

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!

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!!!

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!!!

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

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!

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. πŸ‘

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!

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!

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 🀣)

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!

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!!!

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>",
  },
...
}

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.

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.

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! :)

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

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.