"To-do list" app - built with reactjs JSX javaScripts webpack gitflow

Last update: May 9, 2022

Project Name : To Do Lists

"To-do list" is a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as complete. I will build a simple website that allows for doing that, and I will do it using React JS. It is a Single Page App (SPA) that allows users to:

  • To organize your day.

You can find live project at https://amrendrakind.github.io/ToDoApp_React_JS/

Built With

  • React JS
  • JSX
  • JavaScripts
  • Webpack
  • GitFlow

Live Demo (Link for My To Do Lists Project)

Live Demo Link

Development set up

Clone Repository using

git clone [email protected]:amrendrakind/ToDoApp_React_JS.git

OR using HTTPS

git clone https://github.com/amrendrakind/ToDoApp_React_JS.git

move into project directory

cd ToDoApp_React_JS

Install Project dependancies using NPM

npm install

launch project locally with

npm start

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

npm run eject

Note: this is a one-way operation. Once you eject, you can't go back!

If you aren't satisfied with the build tool and configuration choices, you can eject at any time. This command will remove the single build dependency from your project.

Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except eject will still work, but they will point to the copied scripts so you can tweak them. At this point you're on your own.

You don't have to ever use eject. The curated feature set is suitable for small and middle deployments, and you shouldn't feel obligated to use this feature. However we understand that this tool wouldn't be useful if you couldn't customize it when you are ready for it.

Author

👤 Amrendra K

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

  • Microverse team for guidance
  • Ibas Majid

📝 License

This project is MIT licensed.

GitHub

https://github.com/amrendrakind/ToDoApp_React_JS
You might also like...

🍼 650B Virtual DOM - Use reactive JSX with minimal overhead

🍼 little-vdom Forked from developit's little-vdom gist. npm: npm i @luwes/little-vdom cdn: unpkg.com/@luwes/little-vdom 650B Virtual DOM Components S

Apr 28, 2022

Free-from-jsx.macro - Babel macro that allows you to use a flutter like render syntax

Free-from-jsx.macro - Babel macro that allows you to use a flutter like render syntax

Jan 27, 2022

Eslint-config - Modern ESlint configuration for JavaScript and TypeScript that includes Airbnb, React, jsx-a11y and Pettier rules

eslint-config-100terres A modern ESlint configuration for JavaScript, TypeScript

Mar 5, 2022

A boilerplate of SPA, built with React.js, Webpack, ES6+, Redux, Router, Babel, Express, Ant Design...

Getting start Clone this repo: $ git clone https://github.com/jovey-zheng/react-start-kit.git Install dependenices: $ npm i Start the project: $ npm

Mar 1, 2022

Minimal Electron boilerplate built with Typescript, Webpack 5 and Babel 7

electron-webpack-boilerplate Minimal Electron Starter Kit built with Typescript, React, Webpack 5 and Babel 7 To create a JS library, check out js-lib

Apr 30, 2022

Redux port of SurviveJS - Webpack and React Kanban app

Kanban app - redux port This repository contains redux port of the SurviveJS - Webpack and React Kanban example. See Dan Abramov's interview about red

Apr 28, 2022

Redux port of SurviveJS - Webpack and React Kanban app

Kanban app - redux port This repository contains redux port of the SurviveJS - Webpack and React Kanban example. See Dan Abramov's interview about red

Apr 28, 2022

A starter boilerplate for a universal webapp using express, react, redux, webpack, and react-transform

React Redux Universal Hot Example About This is a starter boilerplate app I've put together using the following technologies: Isomorphic Universal ren

May 13, 2022

An npm package that lets you jump right into coding React and Redux with universal (isomorphic) rendering. Only manage Express setups or Webpack configurations if you want to.

Universal Redux What and Why Universal Redux is an npm package that when used as a dependency in your project provides a universal (isomorphic) render

Dec 15, 2021
Comments
  • 1. ToDoApp: React JS

    ToDoApp: React JS

    This is an exercise to consolidate your knowledge about React, components, props, state, and hooks, by following a tutorial.

    • Learning Objectives
      • Use JavaScript events.
      • Use React life cycle methods.
      • Understand the mechanism of lifting state up.
    Reviewed by amrendrakind at 2022-05-02 21:00
:point_up::running: Modern Relay Starter Kit - Integrated with Relay, GraphQL, Express, ES6/ES7, JSX, Webpack, Babel, Material Design Lite, and PostCSS
:point_up::running: Modern Relay Starter Kit - Integrated with Relay, GraphQL, Express, ES6/ES7, JSX, Webpack, Babel, Material Design Lite, and PostCSS

Relay Fullstack is a Relay scaffolding application that aims to help you get up and running a project without worrying about integrating tools. It com

Apr 28, 2022
CheatSheet - Pre-Configured list of Templates and Approval/Denial Reasons that is free for any Bot List or Bot List Staff to use
CheatSheet - Pre-Configured list of Templates and Approval/Denial Reasons that is free for any Bot List or Bot List Staff to use

Pre-Configured list of templates that any Bot List or Bot List Staff are free to use!

Feb 3, 2022
React-Typescript-Webpack was config with React, Typescript, and Webpack without CRA. Faster to start your next react project.
React-Typescript-Webpack was config with React, Typescript, and Webpack without CRA. Faster to start your next react project.

Start your react typescript project with manual webpack config in seconds Flexible to control webpack, easy to deploy Keywords: React Starter, Webpack

May 13, 2022
Yeoman generator for ReactJS and Webpack

generator-react-webpack Yeoman generator for ReactJS - lets you quickly set up a project including karma test runner and Webpack module system. About

Apr 28, 2022
Vanilla JSX + HTML + CSS compiler and static-site generator (SSG)

VANIL Vanilla JSX + HTML + CSS compiler and static-site generator (SSG) VANIL is a compiler and static site generator (SSG) that combines TSX/JSX+HTML

Mar 21, 2022
Universal rendering for Preact: render JSX and Preact components to HTML.
Universal rendering for Preact: render JSX and Preact components to HTML.

preact-render-to-string Render JSX and Preact components to an HTML string. Works in Node & the browser, making it useful for universal/isomorphic ren

May 15, 2022
React component for highlighting js and jsx code with copy to clipboard functionallity
React component for highlighting js and jsx code with copy to clipboard functionallity

✨ ??️ React Highlight ✨ ??️ React component for highlighting js and jsx code wit

Mar 29, 2022
A react library to convert react jsx svg component to image dataurl.

Jsx To Png A react library to convert react jsx svg component to image dataurl. Motivation I wrote many react-svg components. Practically, I need to c

Dec 23, 2021
Nosx - Better API for React — without JSX

NoSX Better API for React — without JSX Ever wondered how you could use React wi

Jan 7, 2022
reactive like `hankey` implementation of JSX for browser

deuce-x reactive like ?? implementation of JSX for browser. this is opinion on how JSX should be implemented inspired by: curiosity about crank-js and

Jan 18, 2022