• Stars
    star
    104
  • Rank 330,604 (Top 7 %)
  • Language
    JavaScript
  • Created over 4 years ago
  • Updated almost 2 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Starter Project

  • css provided (global styles, styled components)
  • folders/files already setup
  • all imports included (warnings)
  • index.js for easier imports

Styled Components

Styled-Components - Main Docs

import styled from "styled-components";

const ReactComponent = () => {
 // logic here
 return <Wrapper>
 {some content}
 </Wrapper>
}


const Wrapper = styled.htmlElement`
write your styles here
`
export default ReactComponent

React Icons

React Icons - Main Docs

import { FiUsers, FiUserPlus } from 'react-icons/fi';
<FiUsers className='nameOfTheClass'> </FiUsers>;

React Router Dom

version used - "react-router-dom": "^5.2.0",

Gihthub API

  • Root Endpoint

  • Get User

  • Repos

  • Followers

  • Rate Limit

    For unauthenticated requests, the rate limit allows for up to 60 requests per hour. Unauthenticated requests are associated with the originating IP address, and not the user making requests.

Fusion Charts

Auth0

  • Auth0 - Main Docs

  • Create Application

  • Choose : Single Page Web Applications

  • Choose : React

  • Go to Settings Tab

  • Copy/Paste Domain, ClientID - can be public (or use .env)

  • Add Domain - for now http://localhost:3000 (DON'T COPY PASTE FROM URL BAR)

    • Allowed Callback URLs
    • Allowed Logout URLs
    • Allowed Web Origins
    • SAVE CHANGES!!!!!!!!!!!!!!!
  • Connections email,social

  • React SDK Docs

  • REACT SDK API Docs

Deployment

Netlify

Additional Info

Redirects with react-router-dom

In order for routing to work on netlify, redirects was added to the public folder

  • _redirects file in public

/*    /index.html   200

Redirects Blog Post

Warnings and create-react-app

package.json

"build": "CI= react-scripts build",

create-react-app Warning Fix Blog Post

More Repositories

1

react-projects

CSS
4,790
star
2

node-express-course

JavaScript
3,513
star
3

javascript-basic-projects

CSS
3,263
star
4

react-course-v3

JavaScript
1,493
star
5

react-advanced-2020

JavaScript
893
star
6

VS-CODE-SETUP

564
star
7

redux-toolkit-tutorial

JavaScript
436
star
8

react-beach-resort-project

JavaScript
294
star
9

mern-course-jobify

JavaScript
272
star
10

react-basics-2020

JavaScript
242
star
11

react-router-6-tutorial

JavaScript
237
star
12

html-css-simply-recipes

HTML
206
star
13

typescript-course

TypeScript
187
star
14

default-starter

CSS
175
star
15

setup-files-js-comfy-house

CSS
173
star
16

javascript-nuggets

JavaScript
150
star
17

mern-jobify-v2

JavaScript
146
star
18

setup-filese-react-phone-e-commerce-project

JavaScript
143
star
19

react-phone-e-commerce-project

JavaScript
140
star
20

react-course-comfy-sloth-store

JavaScript
129
star
21

nextjs-course-openai

TypeScript
129
star
22

redux-toolkit-jobster

JavaScript
118
star
23

setup-files-react-beach-resort

JavaScript
106
star
24

gatsby-v3-tutorial-recipes

JavaScript
104
star
25

js-cart-setup

CSS
102
star
26

react-advanced-v18

JavaScript
101
star
27

starter-project-gatsby-strapi-portfolio-2020

CSS
96
star
28

axios-tutorial-react

JavaScript
92
star
29

vs-code-setup-2022

90
star
30

starter-project-react-github-search-users

JavaScript
83
star
31

html-css-mini-projects

CSS
75
star
32

react-course-comfy-sloth-starter

JavaScript
73
star
33

html-css-grid-project-recording

SCSS
66
star
34

react-jobs-app

JavaScript
65
star
35

gatsby-strapi-portfolio-site-2020

JavaScript
65
star
36

react-hooks-budged-calculator-app

JavaScript
63
star
37

javascript-tutorial-source-code

52
star
38

react-course-comfy-store-project-recording

JavaScript
47
star
39

html-css-comfy-store-js-course

HTML
43
star
40

gatsby-tutorial-2020

JavaScript
38
star
41

starter-project-redux-tutorial-cart

CSS
38
star
42

nextjs-course-home-away

TypeScript
38
star
43

redux-tutorial-cart

JavaScript
37
star
44

vs-code-setup-javascript-course

37
star
45

styled-components-v5

JavaScript
36
star
46

react-vite-projects-19-comfy-store-v2

JavaScript
35
star
47

react-meals-application-freeCodeCamp

JavaScript
35
star
48

gatsby-coffee-project

JavaScript
34
star
49

serverless-functions-complete-project

JavaScript
33
star
50

gatsby-v3-portfolio-project

JavaScript
32
star
51

javascript-comfy-store-course-project

CSS
31
star
52

html-css-course-v2

SCSS
29
star
53

starter-project-gatsby-v3-strapi-portfolio

CSS
28
star
54

js-course-challanges

JavaScript
28
star
55

svelte-store-project

CSS
27
star
56

javascript-challanges-series

JavaScript
26
star
57

react-node-user-workflow-front-end

JavaScript
25
star
58

js-comfy-house-parcel-setup

JavaScript
23
star
59

typescript-react-essentials

TypeScript
23
star
60

starter-project-css-grid-udemy-portfolio-project

CSS
22
star
61

react-vite-projects-18-tailwind-portfolio

JavaScript
22
star
62

react-e-commerce-v2

JavaScript
21
star
63

svelte-budget-project-recording

CSS
21
star
64

starter-project-gatsby-mdx-blog-course-project

JavaScript
21
star
65

react-nuggets

CSS
20
star
66

youtube-react-debounce

CSS
19
star
67

default-starter-latest-version

CSS
19
star
68

serverless-functions-starter

CSS
19
star
69

youtube-react-formdata-api

CSS
19
star
70

typescript-tutorial

CSS
19
star
71

javascript-oop-course-projects

CSS
18
star
72

html-css-only-floats-tea-station-project

CSS
18
star
73

nextjs-starter-kit-v1

TypeScript
17
star
74

js-comfy-house-furniture-store

JavaScript
17
star
75

html-css-mini-projects-site

CSS
17
star
76

svelte-tutorial-budget-calculator-project

CSS
16
star
77

react-projects-2-tours

CSS
16
star
78

serverless-react-all-examples-complete

JavaScript
16
star
79

react-projects-21-movie-db

CSS
16
star
80

react-vite-projects-16-contentful

CSS
16
star
81

gatsby-v3-mdx-blog-complete

JavaScript
16
star
82

html-css-tutorial-source-code

15
star
83

js-course-extra-content

JavaScript
15
star
84

html-css-nuggets

CSS
15
star
85

setup-files-gatsby-coffee

15
star
86

react-projects-23-quiz

JavaScript
15
star
87

react-vite-projects-17-cocktails

JavaScript
15
star
88

react-udemy-vintage-tech-extra-fetures

JavaScript
15
star
89

react-projects-1-birthday-reminder

CSS
15
star
90

task-manager-app

TypeScript
15
star
91

react-todo-list

JavaScript
14
star
92

starter-project-gatsby-v3-mdx-blog

JavaScript
14
star
93

html-css-slider-project

CSS
14
star
94

boot-sweets-setup

CSS
13
star
95

react-vite-projects-14-cart

JavaScript
13
star
96

react-projects-15-cocktails

JavaScript
13
star
97

svelte-store-server

HTML
13
star
98

react-vite-projects-2-tours

CSS
13
star
99

setup-files-react-budget-calculator

CSS
13
star
100

react-person-list-project

JavaScript
13
star