Code Monkey home page Code Monkey logo

coding-ai's Introduction

10secondsofcode

10secondsofcode is a easy way to understand the JavaScript and ReactJS snippets in 10 seconds.
This website idea is inspired from https://javascript.info

Website

https://www.10secondsofcode.com

To add any concepts like reactjs and javascript follow the below steps

  1. Create / Edit the reactjs and javascripts concepts file in src/pages/.
  2. Those files linked into src/components/data.js and create a PR.

To contribute to 10secondsofcode!

Follow these steps to make your first pull request-

  1. Fork this repository.
  2. Clone your forked repository to your local machine.
  3. Take any one of the issue from issues list and make a Pull Request.
  4. Write these commands on your terminal-
git add -A
git commit -m "your name"
git push origin master
  1. Then create a pull request.
  2. Star the official repository of 10secondsofcode.
  3. Congratulations!! You have successfully made a pull request.

coding-ai's People

Contributors

10-seconds avatar aashishkumarr avatar abdellahrk avatar aregbesolaoj avatar atultherajput avatar bijoy26 avatar bricakeld avatar chongniki avatar dana94 avatar dependabot-preview[bot] avatar elangosundar avatar emmbyiringiro avatar ethanmassie avatar gurpreet-verimi avatar hwindo avatar manikkalai-kannan avatar moorad avatar nazeeefa avatar nickjlee avatar nicklaspoke avatar p-siriphanthong avatar paucaro avatar s0meon3 avatar salmanmehmood avatar sf3ris avatar sittichoke avatar skngetich avatar sureshmangs avatar tloth avatar zhcet19 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  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  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

coding-ai's Issues

create the logo

create the logo for 10secondsofcode and size will be 100100, 200200, 300300, 400400

Add mentors participation names in mentors list

To add hacktoberfest mentors list follow the below steps

  1. Fork this repository.
  2. Clone your forked repository to your local machine.
  3. Add hacktoberfest mentors list into src/response/response.js and use this below format.
{
        name: 'Add Your Name',
        image: 'YOUR GITHUB USER PHOTO',
        technology: 'Add Your Tech Stack',  //'Php, Javascript',
        country: 'Add Your Country', //india
        biography: 'Add Your Biography' // 'I am Full Stack Web Developer'
    }
  1. Create the PR
  2. Star my repository.
  3. Will check hacktoberfest profile

Changing country dropdown crashes the app

Go to app - https://mentors.netlify.com/
Change the country - India to Russia
Crashes the app. Error in console -
backend.js:6 TypeError: Cannot read property 'filter' of null
at t.a.filter (Mentor.js:87)
at hi (react-dom.production.min.js:2997)
at pi (react-dom.production.min.js:2983)
at react-dom.production.min.js:6205
at t.unstable_runWithPriority (scheduler.production.min.js:266)
at Wo (react-dom.production.min.js:2739)
at wu (react-dom.production.min.js:5984)
at ou (react-dom.production.min.js:5266)
at react-dom.production.min.js:2774
at t.unstable_runWithPriority (scheduler.production.min.js:266)

Improve the UI

  1. Improve the UI items for menus, search bar and mentorlist card.
  2. Make Mentor's photos as rounded circle of displaying images and below will show the mentors info.

Create filter component for mentor list

Create filter component for mentorlist.

  1. Create filter option for country, technology, and it should be drop down .
  2. Filters are left side and mentorlist should be in right side.
  3. Should return proper results based on user selections.

Correct class to className

In the Filter we see that sometimes in the JSX someone used class to indicate the css when the correct is className. I would like to correct that.

Coding AI apps is not loading

Coding AI mentors app is not loading properly., Due to filters js throwing some error. Anyone looking on this?
Volunteer s are welcome...!
Sorry Now i am in journey....?!

Fix load more issue in mentors list

  1. Initially we will display the 12 mentors in initial load.
  2. When we cLick the load more button , will load the next 12 mentors list, continues ly .

create template for mentor profile

  1. To create template for mentor profile and creativity way
  2. It allow different types of color based themes displaying mentors profiles as user selections.
  3. Showing the white background as default theme.

README in English

Hi! The point 6 in README says 'Star my repository'. Just a suggestion, it may be better to add username? or is it supposed to say "Star this repository"? :)

Create Heart Like component

  1. Create Heart like component for mentors
  2. It will increase heart like count based on individual mentors.
  3. Now will maintain like count in local storage.

Convert reactjs into redux component

  1. Convert our reactjs applications into redux applications as separate branch.
  2. We have created the separate folder name as redux-coding-ai and will create the branch.
  3. We have to create the components

Create login component

Create login component and

  1. It should have fields like email and password and their validations
  2. It default email/password as 10seconds/test@123 , if yes means it should allow success login or else fail.
  3. Login component should be in modal pop-up and it is optional.

Improve UI for mentorlist componet

  1. Improve the mentorlist card components like enhanced the ui for mentor list card.
  2. Mentor images in center of mentor list and below will show the mentira data.

UI / UX designer help

  1. Creativity create the logo for our website and it size will be 100 X 100, 200 X 200, 300 X 300, 75 X 75.

  2. Create the background image for mentors and it will help to find this projects mentors.

Translations MD Table

Currently, the README languages sections is really confuse so I´d like to organize it in two sections in a table:
LANGUAGE and LINK.

Login form details

Hi, I assume this has been done on purpose and will not be a problem. But in the login form. In the email the placeholder leaves the email of [email protected]

The password field appears to be correct or accepted.

If this has been done like this so that we can log in without problems, with putting the test user in the documentation I think it would be more than enough, if not we can always check the Login.js where the credentials appear.

If you want to fix it, I could take care of it and take a look at it.

Good job team.

3

Image heights for mentor thumbnails

The images are a bit distorted when the height is set in .mentor-img-thumbnail. Removing the height fixes this but if the set height is required I suggest setting a background-image instead.

image

Translation to Portuguese

I'm able to translate the readme.md file to brazilian portuguese, that would be a good addition for brazilian begginers :).
Just let me know if I can work on this and it will be done soon!

Fix the react router issue

When navigating to mentors detailed list page and refresh the page, it will throwing 404 page. Anyone will fix this issue?

Fixing the drop down menu

Fixing the drop down menu where one selects the technology and country. Its a good a good practice that the default word should not be one of the technologies or countries but should be a word asking/prompting a user to select one of the choices. I suggest default words be "Select " instead of "React"(for technology) and "select country" instead of "India". This removes any form of bias.
I'll also love to style them differently from the choices so that they appear as non selectable

Add contribution list dynamically

Dynamically create the contributions list who participated in our applications like bot create contributions list once we have configure.

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.