https://github.com/pranav016/todoist-react

Created with CodeSandbox. This is a ToDo list app with all of its frontend and logic implemented in React/ JSX.
https://github.com/pranav016/todoist-react

css jsx react

Last synced: 17 days ago
JSON representation

Created with CodeSandbox. This is a ToDo list app with all of its frontend and logic implemented in React/ JSX.

• Host: GitHub
• URL: https://github.com/pranav016/todoist-react
• Owner: Pranav016
• Created: 2021-01-07T05:46:02.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2021-02-02T06:51:37.000Z (almost 4 years ago)
• Last Synced: 2024-11-05T23:29:30.000Z (2 months ago)
• Topics: css, jsx, react
• Language: CSS
• Homepage: https://codesandbox.io/s/nice-thunder-0lhj3
• Size: 697 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# ToDoist-React

This is a ToDo list app to keep track of your daily tasks and mark as done on completion.

Created with CodeSandbox

## Tech Stack-

- HTML

- CSS

- React Js

## Demo-

![demo](demo/demo.gif)

## Environment Setup-

* Drop a :star: on the GitHub repository.




* This project was developed using CodeSandbox. [Checkout or Fork the CodeSandbox](codesandbox.io/s/nice-thunder-0lhj3)

#### To setup local environment to use the project, follow steps:

* Download and install a code/ text editor.

    - Recommended-

        - [Download VS Code](https://code.visualstudio.com/download)

        - [Download Atom](https://atom.io/)




* Download [Node Js and npm(Node package manager)](https://nodejs.org/en/) (when you download Node, npm also gets installed by default)




* Clone the repository by running command

```

git clone https://github.com/Pranav016/ToDoist-React.git

```

in your git bash.




* Run command `cd ToDoist-React`.




* Run this command to install all dependencies for the project.

```

npm install

```




* Run this command to start the project on local host 3000.

```

node src/index.js

```




* Now you are all set to use this project.