6 amazing GitHub repositories that can help you as a developer

🧡 πŸ‘‡πŸ»

1️⃣ HTML Best Practice

- This repo will help you writing maintainable and scalable HTML documents

πŸ”— https://t.co/CvvfjSrfCL
2️⃣ 30 Days Of React

- Learn React in 30 days. A well divided topics of React in days. Definitely check it out

πŸ”— https://t.co/8WTc1RQOGV
3️⃣ Design resources

- Curated list of design and UI resources from stock photos, web templates, CSS frameworks, UI libraries, tools and much more

πŸ”— https://t.co/82o5Eyhlji
4️⃣ Websites a programmer should visit

- A well curated list of websites a programmer should visit

πŸ”— https://t.co/ltdIqcQ6cT
5️⃣ React Interview Question

- More than 500 React question and exercise for interview

πŸ”— https://t.co/aXz3Lhoxaq
6️⃣ Awesome Competitive Programming

- A curated list of awesome Competitive Programming, Algorithm and Data Structure resources

πŸ”— https://t.co/ISnDsYMdCi

More from Pratham πŸ‘¨β€πŸ’»πŸš€

If you start with the right course then the process becomes a little easier

I found some amazing YouTube videos and courses that will help you start your Web Development journey

πŸ§΅πŸ‘‡πŸ»

HTML and CSS

- A great way to arouse your web dev journey with Gary's (@designcoursecom) course on YouTube

πŸ”—
https://t.co/xjm7nfV2L2


JavaScript

- Although it's impossible to learn JavaScript in 2 hours but JavaScript mastery is one the best YouTube chanel for JavaScript. This 2 hours long crash course will help you start your journey and gives you quick overview.

πŸ”— https://t.co/1zcSeu4zKE


Git and GitHub

Git is an essential tool. And after learning JavaScript, I think one should go for Git and GitHub. Check out this free great course on Udemy

πŸ”— https://t.co/E14cibOLXb


React

What you'll learn
- what problems React can solve
- how React solves those problems under the hood
- what JSX is and how it translates to regular JavaScript function calls and objects
- manage state with hooks
- build forms

πŸ”— https://t.co/3z22aeVQFc
6 beginner friendly websites that will boost your HTML and CSS learning process πŸš€

πŸ§΅πŸ‘‡πŸ»

1️⃣ Learn HTML

- The easiest way to learn HTML & CSS. Learn HTML provides an interactive tutorial that explains how to build HTML & CSS websites step by step.

πŸ”—
https://t.co/W1XytKL1MI


2️⃣ HTML best practice

- A very well written document on HTML best practice

πŸ”— https://t.co/6PTcY1U5Cw


3️⃣ Learn to Code HTML & CSS

- Learn to Code HTML & CSS is a simple and comprehensive guide dedicated to helping beginners learn HTML and CSS

πŸ”— https://t.co/LwY9E2qUNS


4️⃣ Hex Invaders

- Hex Invaders is a fun way to learn and understand what hex codes are and how they work

πŸ”— https://t.co/EpQyhlN7pv
If you know CSS then you can use these amazing generators and save your time

Thread πŸ§΅πŸ‘‡πŸ»

1️⃣ CSS Box Shadow Generator

- Generate CSS3 Box Shadow code for your Div, Frame, Buttons or any other HTML element with Outline, and Inset (inner) type shadow effects

πŸ”—
https://t.co/6La36IzBLj


2️⃣ Glassmorphism

- Generate glassmorphic design easily

πŸ”— https://t.co/qrKqDV5tzY


3️⃣ Cool Backgrounds

- Explore a beautifully curated selection of cool backgrounds that you can add to your next project

πŸ”— https://t.co/df7VSaRSh9


4️⃣ Pixel art

- Create CSS pixel art, export the results to CSS and download them.

πŸ”— https://t.co/ojD8qwzuhx
APIs in general are so powerful.

Best 5 public APIs you can use to build your next project:

1. Number Verification API

A RESTful JSON API for national and international phone number validation.

πŸ”—
https://t.co/fzBmCMFdIj


2. OpenAI API

ChatGPT is an outstanding tool. Build your own API applications with OpenAI API.

πŸ”— https://t.co/TVnTciMpML


3. Currency Data API

Currency Data API provides a simple REST API with real-time and historical exchange rates for 168 world currencies

πŸ”— https://t.co/TRj35IUUec


4. Weather API

Real-Time & historical world weather data API.

Retrieve instant, accurate weather information for
any location in the world in lightweight JSON format.

πŸ”— https://t.co/DCY8kXqVIK
7 GitHub repositories will make you a standout developer from 99% of people:

1. Memphis

An open-source real-time data processing platform.

β€’ Message broker
β€’ Schema Management
β€’ Zero ops
β€’ Cloud-native
β€’ Rapid development
β€’ Significantly lower development time

πŸ”—
https://t.co/w5L2aCM3do


2. The art of command line

Master the command line, in one page.

πŸ”— https://t.co/uF2RlcUIxb


3. Public APIs

A collective list of free APIs for use in software and web development

πŸ”— https://t.co/vDRQKBf15V


4. Hover

A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on.

πŸ”— https://t.co/bIGEEPcMkJ

More from Coding

Do not write CSS code, use these free generators instead that can help you immensely

A Thread 🧡

1️⃣ Stripes generator

- Pure CSS Stripes Generator that you can use for backgrounds.

πŸ”—
https://t.co/5uTPrwA5xD


2️⃣ Gradient generator

- As a free css gradient generator tool, this website lets you create a colorful gradient background for your website, blog, or social media profile

πŸ”— https://t.co/Yr6pueoWgx


3️⃣ Pattern generator

- It lets you create background pattern for free

πŸ”— https://t.co/NQuV7pxLIz


4️⃣ CSS Accordion Slider Generator

- Create fully responsive, css only accordion sliders

πŸ”— https://t.co/x0qaDhN0z9
7 best GitHub repositories that can help you as a developer

Thread πŸ§΅πŸ‘‡πŸ»

1️⃣ Awesome For Beginner

- A list of awesome beginners-friendly projects.

πŸ”—
https://t.co/4ycLUOE52j


2️⃣ Awesome Python

- A curated list of awesome Python frameworks, libraries, software and resources.

πŸ”— https://t.co/6B3Ito5wML


3️⃣ 30-seconds-of-code

- Short JavaScript code snippets for all your development needs

πŸ”— https://t.co/zWcmMtg2xa


4️⃣ Dev Portfolio

- A lightweight, customizable single-page personal portfolio website template built with JavaScript and Sass

πŸ”— https://t.co/DR1fiO7TS9
5 amazing websites that will blow the mind of a developer. Definitely check them out

πŸ§΅πŸ‘‡πŸ»

1️⃣ Animation generator

- Dead simple visual tools to help you generate CSS for your projects.

πŸ”—
https://t.co/IFmIEgDiVY


2️⃣ Neural Network Visualizer

- Deep playground is an interactive visualization of neural networks, written in TypeScript using d3.js.

πŸ”— https://t.co/mTAlFbJsOW


3️⃣ Blockchain Demo

- A visual demo of blockchain technology

πŸ”— https://t.co/I1RwxYcM1Z


4️⃣ Developer Roadmaps

- Step by step guides and paths to learn different tools or technologies

πŸ”— https://t.co/VSNPdG8jQR

You May Also Like