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.
Web3.TodoList.mp4
To get started with this application, follow these steps:
- Clone this repository to your local machine:
git clone git@github.com:calc1f4r/Toudu-List.git
- Navigate to the project directory:
cd Toudu-List
- Install the dependencies:
npm install
Once you've installed the dependencies, you can run the application locally by using the following command:
npm run dev
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
NEXT_PUBLIC_PROJECT_ID=
- 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
- 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.
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.