https://github.com/calc1f4r/toudu-list
Manage your tasks securely on the blockchain with the Web3 TodoList App! Built using Next.js and Wagmi framework,
https://github.com/calc1f4r/toudu-list
next-js react sepolia todo-list wagmi web3
Last synced: about 2 months ago
JSON representation
Manage your tasks securely on the blockchain with the Web3 TodoList App! Built using Next.js and Wagmi framework,
- Host: GitHub
- URL: https://github.com/calc1f4r/toudu-list
- Owner: calc1f4r
- Created: 2024-04-11T21:09:50.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-04-20T12:53:28.000Z (about 1 year ago)
- Last Synced: 2025-04-04T06:44:30.324Z (about 2 months ago)
- Topics: next-js, react, sepolia, todo-list, wagmi, web3
- Language: TypeScript
- Homepage: https://toudu-list.vercel.app
- Size: 178 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# A Toudu List (^///^)
Welcome to the Web3 TodoList Application! This is a simple todo list application built using Next.js, designed to interact with a smart contract deployed on the blockchain using the Wagmi framework.
https://github.com/calc1f4r/Toudu-List/assets/74751675/338afd09-3ab2-44ef-8eca-7c392d82be1a
### Installation
To get started with this application, follow these steps:
1. Clone this repository to your local machine:
```bash
git clone [email protected]:calc1f4r/Toudu-List.git
```
2. Navigate to the project directory:
```bash
cd Toudu-List
```
3. Install the dependencies:
```bash
npm install
```
### Usage
Once you've installed the dependencies, you can run the application locally by using the following command:
```bash
npm run dev
```
### Configuration
> Create .env file inside the folder and assign a project id which you can get from (here)[https://cloud.walletconnect.com/] and create a variable named NEXT_PUBLIC_PROJECT_ID and assign the value there
```bash
NEXT_PUBLIC_PROJECT_ID=
```
### Features
- Add Todo: Users can add new todo items to the list.
- Complete Todo: Users can mark todo items as completed.
- UnComplete Todo: Users can mark todo items as Uncompleted.
- Delete Todo: Users can delete todo items from the list.
- Theme Selection: Users can choose from different themes to customize the appearance of the application
### Technologies Used
- Next.js: A React framework for building server-side rendered and statically generated applications.
- React: A JavaScript library for building user interfaces.
- Wagmi: A framework for building decentralized applications (dApps) on the blockchain.
- Web3: A JavaScript library that provides an interface for interacting with the Ethereum blockchain.
- HTML/CSS: Markup and styling languages for web development.
- Typescript: The programming language used for building interactive features.
#### Contributing
Contributions are welcome! If you'd like to contribute to this project, please follow these steps:
Fork the repository.
Create a new branch for your feature or bug fix: git checkout -b feature-name.
Make your changes and commit them: git commit -m 'Description of your changes'.
Push your changes to your fork: git push origin feature-name.
Submit a pull request to the main repository.