teleren/devto huggingface dataset:
How To Structure Your NextJs Application
Tags: nextjs, javascript, programming, react
Published: 2022-07-19 17:04:21

# How To Structure Your NextJs Application
A full guide for NextJs to build scalable, production-ready applications


## What Is Next?

As with ReactJs, NextJs (The React Framework for Production) gives you the freedom of how you design your application and where to place your code, it has all the best features that ReactJs lacks, including image and font optimizations, fast rendering, and hybrid static and server rendering. But **with great power comes great responsibility**

As you navigate through your app, you frequently pause to consider where to put this or that, and occasionally you find yourself wondering **should I have put this code somewhere else instead ?** For this reason, you need a scalable production-ready folder structure that neither React nor NextJs ship with. so your question is, how should I structure my code? Don't worry , I have a solution.

Remember that there are numerous approaches you can take to this. I'm not saying that this is the best. Since each person is unique, you could like another one over mine,only you can decide what is the best for you and your team.


## Staring Fresh

Let's first look at the structure NextJs provides for us:

If you started a new NextJs application, you will see certain folders in your root folder. We won't worry about the other files, such as eslint and nextconfig, because they dont matter to us now.

` > node_modules
  > pages
  > api
    hello.tsx
  _app.tsx
  index.tsx
  > public
  > styles
  .. rest of the files`

Continue Reading Here _https://elbarryamine.com/blog/how-to-structure-your-nextjs-application_
Youtube channels to follow as a Software Engineer
Tags: javascript, beginners, programming, tutorial
Published: 2022-07-19 17:03:13

The  best #YouTube channels to follow as a software engineer



- **Web development** @fireship_dev Jeff Delaney

https://lnkd.in/eRec6pYc

- **Software architecture** @markrichardssa Mark Richards

https://lnkd.in/ef5N5E8s

- **Clean architecture** @VictorRentea Victor Rentea 

https://lnkd.in/eaRpDy8Q

- **Javascript / remote work** @_ericelliott 

https://lnkd.in/e-bW6Gga

- **System design** @bytebytego

https://lnkd.in/e35wb-wj

- **Terraform** @antonbabenko

https://lnkd.in/edujWjr5

- **Startups** @brikis98

https://lnkd.in/e6qgx34F

- **DevOps** @Njuchi_

https://lnkd.in/e5FbW6Sk

- **Cloud**: one of my favorite YouTube channels in28minutes

https://lnkd.in/eEutgP5A
[INFO] npm ERR! errno CERT_HAS_EXPIRED https://npm.sap.com/@sap%2fodata-server failed, reason: certificate has expired
Published: 2022-07-19 16:59:09


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2cetko9p7hh63nozld7g.png)

please help me solve this problem. Thankyou
Self introduction :)
Tags: javascript, python, webdev, programming
Published: 2022-07-19 16:58:46


Hey 👋
I'm shashank, 10th student.
I just want to explore more and more :D

**Mostly language used by me** -
• Python
• javascript ( beginning )

**You can visit my website**
[Click here](www.theshashank.me)

Thanks :)
Appwrite Community Discord 3.0
Published: 2022-07-19 16:57:37

Howdy everybody! 👋 For Appwrite, our community is the biggest strength and we want everyone to feel welcomed and have fun throughout!

Starting today, we are launching Appwrite Community Discord 3.0 - for a better and more exciting community experience.

**TLDR:** Discord community is undergoing fresh changes, Loot V2 is coming with a new look, cool swags, stickers and so much more!

---

## 🤔 What Is Appwrite Community Discord 3.0?
Community is the backbone of Appwrite, we have made continued efforts to improve engagement, help and support more people, cater to the needs of the community and make everyone feel welcome.

With **Appwrite Community Discord 3.0** we aim to improve the community experience, have better communication, and have more fun.

---

## 🛠️ What Are We Doing?

**Appwrite Community Discord 3.0** is the new and improved approach of managing the community. 


Here’s the updates:

- **Addition of fun stickers:** Is async communication fun without some cool stickers? NO! Which is why we are introducing some fun stickers.
Desserts for the last, as you might need to wait a little bit more for these. 😉

- **Loot V2:** Earning a swag is a different feeling in itself, for this we are launching monthly loots with exciting tracks and activities, are you excited?🤩
Did I mention that there will be multiple winners track wise? Gear up as there is a lot to win! 

     Here’s a sneak peek of the tracks:
     - Memes
     - Built with Appwrite
     - Discord engagement and so much more!

- **New Roles and Updates:** Crossing levels and earning roles are going to get so much interesting and fun!

      The levels are as such:
      -  Level 1: Thread
      - Level 2: Process
      - Level 3: Container
      - Level 4: VM
      - Level 5: Hypervisor
      - Level 6: Server
      - Level 7: Quantum Computer

_P.S - Each level starts getting more interesting as you keep crossing them_ 😉


- **Channel Updates:** For better communication, we have a `feed` channel where you get our weekly community updates and never miss any announcements that we make on social media.

    You will now have live updates of:
    - Social media posts
    - Weekly community report
    - Major announcements

- **Exciting swags for everybody:** A developer runs on caffeine, and Appwrite runs on swags. Stay tuned to learn more about our new swags and how you can win them! 😉

       What does it mean?
       
     - Computer nerds, brace yourself as you are about to get some exclusive ones!
     - Exclusive swags for events, developers and more, who’s in? 
     - Our swag store is going to take a very new look, you name it, you have it!

---

## 🗒️ Ending Notes:
What do you think about the new changes? Do you like them? Let us know about it in the comments below!

Make sure to invite your friends to have fun and hang around with the [community](appwrite.io/discord)!
Themes for Vs code IDE
Tags: vscode, javascript, programming, tips
Published: 2022-07-19 16:57:14

Bored of same colors, themes in coding. check some new themes in vscode. As vscode is fully customizable - fonts, themes, icons.

Here are some recommended Themes you should check out.
1. Monokai Pro
2. Solarized Light
3. One Dark Pro
4. Atom Light

Steps to change theme
1. Just press `ctrl + shift + p`, open visual studio command panel.
2. Search for : `Preferences: Color Theme`.
3. Select your desired theme.

That's it, enjoy hacking 😃
What is Firebase ?
Tags: firebase, webdev, react, database
Published: 2022-07-19 16:49:04

_This article is only for beginners_ 

Firebase is a suite of services offered by google like 
let's breakdown those services in three different sections.

Before you begin, here in this article 'app' means 'web app' like pwa, react, angular, 'flutter app', 'android app' depending upon your project. Firebase offers services in all platforms.

## 1. Build 
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/api24ht7eynbbnxaxpsp.png)
 Build services contains services like Realtime database, Firestore, Authentication, ML, Storage, Cloud Functions, App Check.

### 1. Authentication
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/edm371bp3ny3go6rob11.png)
 Firebase offers lot of different ways to authenticate user in your app. In the above image you can see, you can authenticate user with Google, Facebook, Twitter, Git-Hub, and also can create your own authentication for user.

### 2. Database (Firestore)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/540k9ms6ac4fhpvcpexe.png)
 Firestore is a database from google, here you can store your data in form of collections and document. __"Inside collection there may be a collection or a document and a document can also contain a collection"__. 
First of all you need to understand terms like, collection, sub-collection, document, field, data type.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s1ng315yzq01n4majvm0.png)
 
__Document__ - It contains data in form of key-value pairs, key can be considered as field name and value as data.
__Collection__ - It contains multiple document generally of same structure, each document has its own unique id.
__Sub-Collection__ - Collection inside a document is called a sub-collection.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/11j4ny42ppe490wy1qhv.png) 
__Data type__ - Firestore contains some predefined data types so that it can perform query faster, like Timestamp, geopoint, reference, if you're using typescript you can also get there interfaces from 'firebase/firestore'
Firebase node package completely supports typescript.

Here you can perform various types of query like compound query, indexing like composite and single indexing. 

Also in firestore you can use security rules, so that only authenticated or desired user can access database.
we'll learn more about security rules later in this article.

### 3. Realtime Database
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0jyg1d9u71o6z5xjrl5q.png)
 Realtime database is different from firestore, here updating, writing and reading data is more important than querying or indexing.  

_This article is not complete._
4 keys of analyzing data fast
Tags: database, data, beginners
Published: 2022-07-19 16:44:52



1. Don't store the data you don't need. Sounds silly but a lot of the data you have to read is not useful.

2. Don't read the data you don't need. Discard the data using indices or any other tool your database/framework provides

3. Run heavy operations later. For example, filtering data is faster than aggregating it so when processing data always filter first and do other heavy things later (joins, aggregations and so on)

4. Sort your data before storing it. Sorting data makes compression much better and you use all the power of current hardware (sequential reads are 100x faster than random access)


Following these 3 rules I process large datasets 100-1000x faster than I usually did.

(image from craiyon.com generated with "f1 going fast")
Hello Everyone.
Tags: beginners, introduction
Published: 2022-07-19 16:37:55

### Hello Everyone

My name is Nash, Nice to meet you. 

Currently, I'm interested in Flutter, and have been spending time with it for awhile. I have been enjoy learning the technical aspects of flutter so far. And after I finish my CS degree, I'm planning on working as a Flutter Developer.

However, I realized that I don't do well in my communication skills. Therefore, I want to improve it by writing some flutter tutorials here, and hopefully that my blog will be able to provide good values to this community.

If you interested, I kindly asked you to follow my contents, and provide feedbacks so that I will use it for my improvement(really appreciate that!)

So, let's get the journey start.

Thanks for reading :)
NFT ເຮັດວຽກຈັ່ງໃດ?
Tags: nft, blockchain, web3, solidity
Published: 2022-07-19 16:20:20

## ຈຸດເລີ່ມຕົ້ນຂອງ NFT(Non Fungible Tokens)

ໃນຊ່ວງປີ 2012 ຖືວ່າເປັນຍຸກທີ່ຄົນເລີ່ມໃຫ້ຄວາມສົນໃຈໃນ Bitcoin ແລະ ໃນຕອນນັ້ນມັນກໍ່ມີແນວຄິດໜຶ່ງເກີດຂຶ້ນມານັ້ນກໍ່ຄື: Colored Coins. ໂດຍປົກກະຕິການເຮັດທຸລະກຳຂອງ Bitcoin ເຮົາຈະໃສ່ຄ່າຫຍັງກໍ່ໄດ້ເພື່ອຈະບອກວ່າການເຮັດທຸລະກຳນັ້ນໆກ່ຽວກັບຫຍັງ, ເຊິ່ງແນວຄິດຂອງ Colored Coins ກໍ່ຈະແທນຄ່າການເຮັດທຸລະກຳຕ່າງໆຂອງ Bitcoin ໃຫ້ມີຄວາມໝາຍຕາມໂລກຂອງຄວາມເປັນຈິງເຊັ່ນ: ຄູປອງ, ກຳມະສິດທີ່ດິນ ຫຼື ກຳມະສິດໃດໆກໍ່ຕາມທີ່ເຮົາຕ້ອງການປ່ຽນຊັບສິນເຫຼົ່ານັ້ນໃຫ້ມາຢູ່ໃນຮູບແບບ Digital Asset. ຖ້າເຮົາໃສ່ຄ່າຕ່າງໆເຫຼົ່ານັ້ນເຂົ້າໃນທຸລະກຳຂອງ Bitcoin ຂໍ້ມູນເຫຼົ່ານັ້ນກໍ່ຈະໄປຢູ່ເທິງ Blockchain ຂອງ Bitcoin ເຊິ່ງເຮົາສາມາດກວດສອບໄດ້ພາຍຫຼັງວ່າໃຜເປັນຜູ້ຄອບຄອງຊັບສິນເຫຼົ່ານັ້ນຢູ່. ຈາກ Concept ທີ່ກ່າວມາຖືວ່າເປັນຮາກຖານທີ່ສຳຄັນທີ່ເຮັດໃຫ້ເກີດມີ NFT ໃນທຸກມື້ນີ້.

## ເຂົ້າໃຈ NFT ໃນ 30 ວິນາທີ
ຈາກຍຸກຂອງ Bitcoin ເຮົາກໍ່ກ້າວເຂົ້າມາສູ່ຍຸກຂອງ Ethereum ເຊິ່ງຖືວ່າເປັນເຄືອຂ່າຍ Blockchain ທີ່ເຮົາສາມາດຂຽນ smart contact ເຂົ້າໄປໄດ້, ເຊິ່ງຖ້າເຮົາຢາກຈະມີ Token ຫຼື ສະກຸນເງິນເປັນຂອງຕົວເອງ ເຮົາກໍ່ສາມາດຂຽນ smart contact ຂອງເຮົາເອງໄດ້ເລີຍ ແລະ NFT ເອງກໍ່ເປັນ Token ຊະນິດໜຶ່ງທີ່ບໍ່ສາມາດທົດແທນກັນໄດ້.

## ຄວາມແຕກຕ່າງລະຫວ່າງ Token ແບບປົກກະຕິ ແລະ NFT Token
ຕົວຢ່າງ: ເຮົາມີ Token ໜຶ່ງທີ່ຊື່ວ່າ KIP Token ເຊິ່ງມີ Max Supply ຢູ່ທີ່ 10 ລ້ານຫຼຽນ, ເຊິ່ງທຸກຄົນທີ່ຖື Token ນີ້ຢູ່ກໍ່ຈະສາມາດແລກປ່ຽນຫຼຽນນີ້ກັນໄປມາໄດ້ເພາະວ່າ 1 KIP = 1 KIP ໝາຍຄວາມວ່າ 1 KIP ຂອງແຕ່ລະຄົນມີຄ່າເທົ່າກັນ ແລະ ສາມາດທົດແທນກັນໄດ້ນັ້ນເອງ. ຖ້າເຮົາມີ NFT Token ທີ່ມີ Max Supply ຢູ່ພຽງແຕ່ 1 ຫຼຽນ(1 Token) ແລະ ຖ້າເຮົາຕ້ອງການທີ່ຈະຄອບຄອງຫຼຽນດັ່ງກ່າວເຮົາກໍ່ອາດຈະຕ້ອງໃຊ້ 10 KIP ເພື່ອແລກມາ, ທັງນີ້ກໍ່ຂຶ້ນກັບຄວາມເພິ່ງພໍໃຈຂອງຜູ້ຖືຄອງກ່ອນໜ້ານີ້ວ່າຈະໃຊ້ເທົ່າໃດຫຼຽນໃນການແລກ.

ອີກຄວາມພິເສດໜຶ່ງຂອງ NFT ກໍ່ຄື: ​ເຮົາສາມາດກວດສອບໄດ້ວ່າ NFT ດັ່ງກ່າວມີການຊື້ຂາຍແລກປ່ຽນກັນມາທີ່ລາຄາເທົ່າໃດ ແລະ ຜູ້ທີ່ສ້າງສັນຜົນງານ NFT ດັ່ງກ່າວກໍ່ຈະສາມາດກຳນົດຄ່າທຳນຽມໃນການຊື້ຂາຍຜົນງານຂອງເຮົາໄດ້ອີກ, ໝາຍຄວາມວ່າທຸກໆຄັ້ງທີ່ມີການຊື້ຂາຍຜົນງານຂອງເຮົາ ເຮົາກໍ່ຈະໄດ້ຄ່າທຳນຽມຈາກການຊື້ຂາຍທຸກຄັ້ງນັ້ນເອງ.

## ແລ້ວ NFT ມີມູນຄ່າໄດ້ແນວໃດ?
ໂດຍປົກກະຕິແລ້ວ NFT ຈະຖືກແທນຄ່າດ້ວຍຮູບພາບຜົນງານສີລະປະ, ເພງ, ວີດີໂອ, ໄອເທັມຕ່າງໆໃນເກມ ແລະ ຍັງມີອີກຫຼາຍສິ່ງທີຖືກນຳມາສ້າງເປັນ NFT, ເມື່ອມັນຖືກແທນຄ່າດ້ວຍສິ່ງຕ່າງໆເຫຼົ່ານັ້ນ ມັນກໍ່ປຽບເໝືອນ Rare item ໃນໂລກຂອງ Blockchain ມັນຈຶ່ງເຮັດໃຫ້ຄົນທີ່ສົນໃຈຜົນງານເຫຼົ່ານັ້ນຊື້ເກັບສະສົມ ຫຼື ອາດຈະຊື້ເພື່ອເກັງກຳໄລ.

## ເຮົາຈະສ້າງຜົນງານ NFT ຂຶ້ນມາໄດ້ແນວໃດ?
ໂດຍປົກກະຕິແລ້ວເຮົາສາມາດສ້າງ NFT ຂຶ້ນມາໄດ້ 2 ວິທີຄື:

- ຂຽນ Smart Contact ເອງເພື່ອສ້າງ Token ຂອງເຮົາຂຶ້ນມາແລ້ວແທນຄ່າ Token ເຫຼົ່ານັ້ນດ້ວຍຮູບພາບ ຫຼື ຜົນງານຮູບແບບອື່ນໆ, ຫຼັງຈາກນັ້ນກໍ່ໃຫ້ຄົນເຂົ້າໄປ mint ຜົນງານຂອງເຮົາຈາກ website ທີ່ເຮົາຂຽນ.

- ອັບໂຫຼດຜົນງານຂອງເຮົາຂຶ້ນໄປເທິງ Platform ຕ່າງໆ, ເຊິ່ງຈະເປັນການໃຊ້ smart contact ຂອງ platform ເຫຼົ່ານັ້ນສ້າງ Token ໃຫ້ເຮົາແທນ.

> ທັງ 2 ວິທີນີ້ກໍ່ຕ້ອງໃຊ້ຄ່າ gas ເຊັ່ນກັນ.

`
ບົດຄວາມຕໍ່ໄປຈະມາອະທິບາຍເລື່ອງ NFT ສະບັບ Developer ແບບງົງໆ, ຝາກຕິດຕາມກັນຄືກັບເຈົ້າກຳນາຍເວນແນ່ເດີ😘
`
Exporting reports to Excel with DotVVM Business Pack
Tags: dotnet, csharp, html, datascience
Published: 2022-07-19 16:17:48

In this tutorial, we’ll see how to export data in a DotVVM web application on ASP.NET to Excel.

![](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/99lqf4fxc4wcdkcta5qm.png)
 
To achieve this goal, we are going to use _DotVVM Business Pack_, a premium extension of DotVVM, in this case to use a `GridView` control, and _export data_ to excel.

**Steps to follow:**

1. Install NuGet package: `DotVVM.BusinessPack.Export.Excel`.
2. Implement Excel export functionality: `GridView` and an `Export()` method.
3. Run the application and view the results. 

##**Install NuGet package.**

To use the export to an Excel file functionality, we need to install a NuGet package in addition to the DotVVM Business Pack:

```
Install-Package DotVVM.BusinessPack.Export.Excel
```

**_Note:_** For CSV files, we’ll need to install `DotVVM.BusinessPack.Export.Csv` package instead.

##**Implement Excel export functionality.**

To implement the export data to excel functionality, in a view we could have something like this:


![](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mgbgfqtmjsfcs87td0a2.png)

First, we need an instance of a GridView control, and it must be identified with an ID:

```html
<bp:GridView ... ID="grid">
```

And then, we need to call the method that will be responsible for exporting the data to Excel, we can do that by adding a button:

```html
<bp:Button Text="Export" Click="{command: Export()}" />
```

Now, we have to implement the Export() method with the functionality to export excel. For this goal, we need to define the following:

- Get GridView control by its Id. 
- Create the data set for export.
- Load data in the data set.
- Export data configurations (for example: cells format, colors, etc).
- Configure export settings (if needed). 
- Return the file to the user

The method would be something like this:

![](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5dvmqohnusojheyxn4of.png)
 
With that in mind, that will be all we need to do.

##**Run the application and view the results.**

To see in action this functionality on DotVVM, we will see an example application, where the data is randomly generated and displayed in a GridView with a button to export the data with the process previously shown.

![](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3s62j5jxii1lvjndtana.png)
 
The source code of this example can be viewed and downloaded here (BPSamples.GridViewExporting): [https://github.com/riganti/dotvvm-samples-businesspack4](https://github.com/riganti/dotvvm-samples-businesspack4).

##**Thanks for reading.**

I hope you liked the article. If you have any questions or ideas in mind, it'll be a pleasure to be able to communicate with you and together exchange knowledge with each other.

See you on [Twitter](https://twitter.com/esDanielGomez) / [esDanielGomez.com](https://esdanielgomez.com/)!

Regards!
Welcoming the XRPL Grants Wave 3 Awardees
Tags: xrpl, xrplgrants, opensource, blockchain
Published: 2022-07-19 16:13:49

The XRPL Grants program has selected [35 new awardees](https://xrplgrants.org/grantees) in Wave 3, which sought projects focused on “[Contributing to Open Source](https://dev.to/ripplexdev/xrpl-grants-wave-3-theme-contributing-to-open-source-28ob).” Wave 3 saw a record number of applications—with more than 175 received from 30+ countries globally—with awarded projects receiving nearly $3 million in total funding. 

The XRPL Grants program funds software development projects that leverage the open-source [XRP Ledger (XRPL)](http://www.xrpl.org). While all applications that fit the spirit and criteria of the program were considered, the goal for Wave 3 was to encourage applicants to submit open source projects that would help expand the resources available to the entire XRPL developer community.

Applications were carefully reviewed and considered by the [XRPL Grants’ judging committee](https://xrplgrants.org/judges) from across industry and academia, including Ripple, Forte, Coil, as well as participants from Ripple’s University Blockchain Research Initiative (UBRI). Projects are considered for funding against a set of criteria including technical feasibility and benefit to the XRPL community.  

Project use cases that align with this wave’s “Contributing to Open Source” theme include:

- Free version of an AI/ML risk engine via API
- Geolocation mapping
- E-commerce, coupons, tipping and online payment solutions
- NFTs and gaming
- Plugins and language integrations with the XRPL
- Community recognition tool for open-source coding contributions 

🚀 [View the full list of XRPL Grants Awardees](http://www.xrplgrants.org/grantees) 🚀

Applications for Wave 4 will open in August 2022. To receive the latest updates on the XRPL Grants program and other funding opportunities, sign up for the email list at [xrplgrants.org](https://xrplgrants.org/). 

Questions? Comment below or join the [XRPL Developers Discord](http://xrpldevs.org/) for more updates.
Don't be protective of your code
Tags: beginners, programming, productivity
Published: 2022-07-19 15:57:11

You spent hours and hours writing code. You are ready to submit your changes for code review. \*Notification bell rings\*. Changes were requested, code suggestions, potential bugs, and clean code issues. You get pissed.

Let's imagine another situation. Your feature gets merged to production. Weeks later you get a message from operations saying something is not working. You get defensive and assume they must be using it wrong.

That is the result of being protective of your code. Even though I love coding, I'm confident the value I deliver is not code. The end of my work is not the code itself, but the product I'm building. However, it doesn't mean my code doesn't need to be clean and easy to read, as those are to make the product extensible in the future. Software engineers that are protective of their code, don't understand that programming is a tool. It's for sure crucial, but not the final work. True problem-solvers use their technical skills as a tool.

Seasoned engineers know code is merely the paintbrush for good art. Being protective of your code slows you down in the following ways:
- You get offended when taking feedback
- Makes you blind to potential bugs
- Prevents you from learning from other developers
- Causes you to think code reviews are personal
- Closes yourself to criticism and advice

---

This is the second installment of short reads about common career problems engineers face. If that sounds interesting, I invite you to read ["The fear of merging"](https://world.hey.com/vini/the-fear-of-merging-f86517e0).
How to create React Todo App
Tags: react, javascript, beginners, webdev
Published: 2022-07-19 15:51:09

##React Todo App

React Todo Application with Firebase 

If you are a beginner of React, this will be useful for you

## Home Page
![home page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7390hu2ie72j8jditqv6.png)
 

## Download Source Code
👉 Check it out [Link](https://github.com/vinobe21/React-Todo-App)
👉 [Github](https://github.com/vinobe21)
🌐 [Demo](https://todo-app-5519e.web.app/)

## Features

- Add, Edit and Delete your todo list
- Firebase database connection 


## How to Install?

- Clone repository [Link](https://github.com/vinobe21/React-Todo-App)

- Run terminal `npm install or npm i`



> Share your feedback 👇