• Stars
    star
    1,307
  • Rank 35,997 (Top 0.8 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created over 5 years ago
  • Updated 12 months ago

Reviews

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

Repository Details

Subscribe to my YouTube channel: https://bit.ly/CognitiveSurge - Building Todoist Using React

Building Todoist from Scratch Using React (Custom Hooks, Context), Firebase & React Testing Library (http://bit.ly/CognitiveSurge)

This application (a Todoist clone) was built using create-react-app as a base, and the technologies used were React (Custom Hooks, Context), Firebase & React Testing Library. I'm hoping this gives people a better understanding of React, and I've also included SCSS in this tutorial, but the main focus is to build a real application using React! If you clone this application, click the Pizza icon on the top right, it enables dark mode!

Subscribe to my YouTube channel here: http://bit.ly/CognitiveSurge where I build projects like this! And don't forget, you can contribute to this project (highly encouraged!). One thing I didn't get time to do was incorporate accessibility into this application, so I'd love to see that added!

Preview

More Repositories

1

netflix

Subscribe to my YouTube channel: https://bit.ly/CognitiveSurge - Building Netflix Using React
JavaScript
2,067
star
2

instagram

Subscribe to my YouTube channel: https://bit.ly/CognitiveSurge - Building Instagram Using React
JavaScript
771
star
3

eslint-prettier-airbnb-react

ESlint + Prettier + Airbnb Style Guide Configuration for React
Shell
161
star
4

tinder

Subscribe to my YouTube channel: https://bit.ly/CognitiveSurge
JavaScript
112
star
5

newsreader

Building a newsreader using the HackerNews Api, React, React Testing Library, Styled Components, Axios & Memo
JavaScript
81
star
6

compound-components

Subscribe to my YouTube channel: https://bit.ly/CognitiveSurge
JavaScript
41
star
7

node-ws-multi-chat

HTML
35
star
8

react-dropdown-menu

Subscribe to my YouTube channel: https://bit.ly/CognitiveSurge
JavaScript
33
star
9

carousel

CSS
27
star
10

jest-playground

Playing around with Jest - Subscribe to my YouTube channel: https://bit.ly/CognitiveSurge
JavaScript
23
star
11

pokemon

Subscribe to my YouTube channel: https://bit.ly/CognitiveSurge
CSS
17
star
12

bill-buttlicker-portfolio

A simple HTML, CSS, JavaScript portfolio.
HTML
11
star
13

newsreader-graphql

Subscribe to my YouTube channel: https://bit.ly/CognitiveSurge
HTML
9
star
14

cra-react-tailwind

Subscribe to my YouTube channel: https://bit.ly/CognitiveSurge
CSS
9
star
15

bootstrap-react

Subscribe to my YouTube channel: https://bit.ly/CognitiveSurge
JavaScript
9
star
16

blackjackmultiplayer

Local multiplayer blackjack built using Qt Creator 5.1.1 (C++); Runs by using a server and client.
C++
7
star
17

instagram-paid

CSS
5
star
18

notes

JavaScript
4
star
19

tooltips-popup

Subscribe to my YouTube channel: https://bit.ly/CognitiveSurge
JavaScript
4
star
20

react-localstorage

Subscribe to my YouTube channel: https://bit.ly/CognitiveSurge
JavaScript
3
star
21

test-next-app

TypeScript
3
star
22

androidweatherapplication

Ability to post to the Twitter API; uses WIFI/GPS to grab the user's location; JSON weather information from Wunderground.com using ISO codes; Save weather locations using SQLite.
Java
3
star
23

scrimba-gql-server

HTML
2
star
24

testing-enzyme

Subscribe to my YouTube channel: https://bit.ly/CognitiveSurge
JavaScript
2
star
25

react-proptypes

Subscribe to my YouTube channel: https://bit.ly/CognitiveSurge
JavaScript
1
star
26

bill-buttlickers-portfolio-perf

HTML
1
star
27

react-useref

Subscribe to my YouTube channel: https://bit.ly/CognitiveSurge
CSS
1
star
28

react-select

Subscribe to my YouTube channel: https://bit.ly/CognitiveSurge
JavaScript
1
star
29

firebreathingdragondirectx11

Fire breathing dragon that can burn villages. The program includes a terrain and a skybox, and lastly an object loader.
C++
1
star
30

grannyshooter

Swift
1
star
31

testing-react-testing-library

Subscribe to my YouTube channel: https://bit.ly/CognitiveSurge
JavaScript
1
star