Task tracking application from the React crash course

Overview

React Crash Course 2021 (Task Tracker App)

This is the project from the YouTube crash course. It includes the react ui as well as JSON-server for our mock backend

Usage

Install dependencies

npm install

Run React dev server (http://localhost:3000)

npm start

Run the JSON server (http://localhost:5000)

npm run server

To build for production

npm run build
Comments
  • index.css Styling not correctly displaying.

    index.css Styling not correctly displaying.

    After copying your styling into index.css , The tiny blue border did not show up, the margin still hanging left.

    But the font did change.

    Probably there's a reason for all of that.

    Screenshot - 06_04_2021 , 9_36_14 AM

    opened by ChukwuebukaN 4
  • index.css - CSS to paste into blank file

    index.css - CSS to paste into blank file

    I'm not experiencing errors, but I simply don't understand where the CSS is supposed to be copied from prior to pasting it into index.css at approximately 32:30 on the timeline of "React JS Crash Course".

    Mr Traversy states it can be found at GitHub in the repository description (the markdown, assumed). I don't see any CSS code there. Clearly I'm confused as I don't see anyone else having addressed this.

    My apologies if this is not the proper forum to address my confusion. Please advise. Thank you!

    opened by ajaxStardust 1
  • onDoubleClick for onToggle function does not work

    onDoubleClick for onToggle function does not work

    • React Version: [email protected]
    • Node Version: v17.5.0 If your onToggle function does not work, you can change the onDoubleClick event to onClick event, and it works in this way.
    opened by soledadli 1
  • Inspection Window Anomaly

    Inspection Window Anomaly

    My first REACT project nearly completed.

    When working on PUTting the toggleReminder data I discovered that while the Chrome devTool Inspection window is open the cursor style changed to a gray ball. then dblClick would not respond properly. onClick continued to work fine.

    When the Chrome devTool Inspection window is closed, dblClick works properly.

    j

    opened by J3es2e2 0
  • nothing happens when adding a task

    nothing happens when adding a task

    Hey, I am trying to follow your crash course, using your git code which I cloned. I am running it on localhost:3000 (changed all the localhost:5000 in the App.js file to localhost:3000), as the localhost:5000 version constantly crashed. The problem is, when I add a task and press the save button, nothing really happens - I just to back to the empty submitting page all over again. What am I missing here? Thanks!

    opened by lovodkin93 3
Owner
Brad Traversy
Full stack web developer and online instructor, specializiing in mostly JS, but also write Python, PHP and some other stuff.
Brad Traversy
SIMPLE TASK APP - A task application made with Next and Firebase

Next application with Material UI and TypeScript as core technologies, ESLint and Prettier were used to code formatting. ~ Framer Motion + Material UI + Styled Components, Firebase (Auth Service and Realtime Database), ESLint + Prettier.

Ezequiel Nilo 4 Jul 3, 2022
TaskBerry - a task management application developed with react.js that implements the ability to add, edit and delete your daily tasks to keep track of them

Taskberry is a really simple task management web app built on reactjs. In this app, a user can create, edit and delete multiple tasks in the app

Ishant Chauhan 4 Feb 25, 2022
A full stack task manager application built with node, react,mongodb,and mantine.

A full stack task manager application built with node, react,mongodb,and mantine.

Rajan 1 Mar 12, 2022
Task Management Application project with React.

Task Management App "Task Management Application" project with React. ✨ Live Demo https://ismailkaraalioglu-taskmanagementapp.netlify.app ?? Setup Clo

İsmail Karaalioğlu 6 Nov 6, 2022
Aura, an easy to use mood tracking app that takes your daily life's mood into account.

Aura, an easy to use mood tracking app that takes your daily life's mood into account. It allows you to understand yourself better and helps you maintain an even mood throughout the day. The app has various features such as graphs, statistics, insights, and relaxing sounds to improve you mood.

Abhinav Rajesh 33 Dec 5, 2022
A collection tracking app for anything you might want to collect

Hoarders Helper User Story AS AN avid Magic The Gathering card collector I WANT to search for new cards and add to my collection SO THAT I can keep a

Brandon Sorrell 3 Jul 18, 2022
Sentry - a developer-first error tracking and performance monitoring platform that helps developers see what actually matters, solve quicker, and learn continuously about their applications

Sentry is a developer-first error tracking and performance monitoring platform that helps developers see what actually matters, solve quicker, and learn continuously about their applications.

Sentry 32.7k Dec 3, 2022
Simple task list using NodeJS, Typescript, React, Redux, Chakra UI and React Icons

Simple task list using NodeJS, Typescript, React, Redux, Chakra UI and React Icons

Paulo Vitor Nascimento 9 Jun 26, 2022
Example Of Fine-Tuning BERT For Named-Entity Recognition Task And Preparing For Cloud Deployment Using Flask, React, And Docker

Example Of Fine-Tuning BERT For Named-Entity Recognition Task And Preparing For Cloud Deployment Using Flask, React, And Docker This repository contai

Nikita 10 Sep 28, 2022
📋 Task manager with react js you can add title add description , edit📝, complete✔, remove❌, localstorage, dark mode 🌜

?? Task manager with react js you can add title add description , edit??, complete✔, remove❌, localstorage, dark mode ??

ali turkaman 17 Sep 23, 2022
It concerns the solution of the desired task in applying for a job. MERN (MongoDB, Express, React, Node)

grocery-shopping-list It concerns the solution of the desired task in applying for a job. A shopping list application has been created using MERN (Mon

Kemal Akçıl 5 Aug 8, 2022
React Personal Task Manager

React Personal Task Manager Stack React with Typescript Stitches Vite Yarn TemporalApi IndexedDB with Dexie and Dexie react hooks Uuid React DnD Goals

Andrew Cardoso 3 Jun 30, 2022
TodoList - Task List in ReactJS and Typescript

To do List Lista de tarefas em ReactJS e Typescript Como rodar o projeto: O proj

Gabriel de S. Martim 1 Jan 24, 2022
Daily Tasks - Opinionated MacOS-first task app to help you get through the day

Daily Tasks Opinionated task app for MacOS to help you get through the day Screen.Recording.2022-03-27.at.14.20.48.mov Installation At the moment, the

Ondřej Bárta 6 Sep 12, 2022
A beautifully task manager

A beautifully task manager ?? soon ?? Packages: ⚡️ Vitejs - Next generation frontend tooling. ⚒️ React 18 - A JavaScript library for building user int

Pablo Hdez 6 Aug 8, 2022
A Web app built with ReactJS that adds a task, and lets a user edit, delete and clear completed tasks.

A Web app built with ReactJS that adds a task, and lets a user edit, delete and clear completed tasks.

Promise Okechukwu 8 Nov 1, 2022
A React Finance Application, made during the Ignite React Course, from Rocketseat

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: ya

Rodrigo Nahid 2 Mar 1, 2022
Application built following the Udemy course "React Front To Back 2022"

Github finder app This project was built based on "React Front To Back 2022" course on Udemy. General information The "Github finder" application uses

null 7 Feb 19, 2022
Application of a finance manager developed in Rocketseat's Ignite ReactJS course using ReactJS and TypeScript

dtmoney Application of a finance manager developed in Rocketseat's Ignite ReactJ

Igor Michael 4 Jul 4, 2022