https://github.com/ibrsec/todoapp-typescript

Todo app with typescript
https://github.com/ibrsec/todoapp-typescript

axios context material react typescript

Last synced: about 1 month ago
JSON representation

Todo app with typescript

• Host: GitHub
• URL: https://github.com/ibrsec/todoapp-typescript
• Owner: ibrsec
• Created: 2024-05-24T12:23:07.000Z (about 2 years ago)
• Default Branch: master
• Last Pushed: 2024-09-09T12:29:33.000Z (almost 2 years ago)
• Last Synced: 2025-02-26T07:44:12.647Z (over 1 year ago)
• Topics: axios, context, material, react, typescript
• Language: TypeScript
• Homepage: https://todoapp-react-ts-mock.vercel.app
• Size: 294 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          


  

 






  

    

  


  
Typescript Todo mockup App


  


    An awesome Typescript Todo App (with mockup api)

    Explore the docs »

    


    


    View Demo

    ·

    Report Bug

    ·

    Request Feature

  



  📎 Table of Contents 📎 

  


    
About The Project

     

     
Overview

     
Quick Setup

     
Directory structure

     
Built With

    


    

  


---



## ℹ️ About The Project

  

[![todoapp-typescript](./public/project.png)](https://todoapp-react-ts-mock.vercel.app/) 

(back to top)


---



## 👀 Overview

 

🎯 Used React environment with typescript

🎯 Context api is used for global statement

🎯 Axios is used for requests

🖥 Todos are stored in a mockUp api

🖥 Todos can be added

🖥 Todos can be edited

🖥 Todos status can be changed to completed

🖥 Todos can be deleted 

(back to top)




## 🛫 Quick Setup

```sh

# clone the project

git clone https://github.com/ibrsec/todoapp-typescript.git

# enter the project directory

cd todoapp-typescript

# install dependency

npm install || yarn install

# develop

npm run dev || yarn start

```

(back to top)




## 📂 Directory structure 

```diff

todoapp-typescript  (folder)

  |          

  |---public (folder) 

  |                

+ |---src (folder)    

  |     |---pages (folder)          

  |     |           

  |     |---components (folder)   

  |     |           

  |     |---context (folder)   

  |     |           

  |     |---helper (folder)   

  |     |          

  |     |---types.d.ts

  |     |---App.tsx

  |     |---App.css

  |     |---Index.tsx

  |     └---Index.css

  |         

  |----tsconfig.json

  |----package.json

  |----yarn.lock

  └----readme.md 

```

(back to top)


---



### 🏗️ Built With

 

 

  

  

 

 

  

  

  

 

  

 

  

 

(back to top)