{"id":23088303,"url":"https://github.com/bikramai/typescript","last_synced_at":"2026-04-20T13:35:32.767Z","repository":{"id":254737551,"uuid":"847385346","full_name":"Bikramai/TypeScript","owner":"Bikramai","description":"Create a React to-do app with TypeScript using hooks (useState, useEffect) and type-safe components. Set up a Node.js API with Express and TypeScript for CRUD operations on to-dos, ensuring type-safe requests and responses. Use axios or fetch to connect the frontend with the backend.","archived":false,"fork":false,"pushed_at":"2024-10-22T01:46:03.000Z","size":289,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-06-09T04:41:13.575Z","etag":null,"topics":["abstraction","api-rest","axios","classes","crud-operation","express","fetch","getters-and-setters","inheritance","interfaces","oop","polymorphism","static-members","typescript","useeffect"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Bikramai.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-08-25T17:14:32.000Z","updated_at":"2024-10-31T20:32:41.000Z","dependencies_parsed_at":null,"dependency_job_id":"b7e0b839-9648-4cc5-ae1a-ff7bd6381213","html_url":"https://github.com/Bikramai/TypeScript","commit_stats":null,"previous_names":["bikramai/typescript"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Bikramai/TypeScript","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Bikramai%2FTypeScript","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Bikramai%2FTypeScript/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Bikramai%2FTypeScript/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Bikramai%2FTypeScript/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Bikramai","download_url":"https://codeload.github.com/Bikramai/TypeScript/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Bikramai%2FTypeScript/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":268035986,"owners_count":24185130,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-07-31T02:00:08.723Z","response_time":66,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["abstraction","api-rest","axios","classes","crud-operation","express","fetch","getters-and-setters","inheritance","interfaces","oop","polymorphism","static-members","typescript","useeffect"],"created_at":"2024-12-16T20:16:25.524Z","updated_at":"2026-04-20T13:35:27.742Z","avatar_url":"https://github.com/Bikramai.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Remainder App with React + TypeScript And \n# Reminder-API With Node and Express with TypeScript \n\n# Introduction\n\nA programming language to address shortcomings of JavaScript. We can think brother and sister of JavaScript. JavaScript is kids like without any discipline  who does whatever he or she wants. Typscript in otherhand like kids with discipline. \n\nTechnically, specking Typescript is programming language built on top of JavaScript. So, every JavaScript file is a valid Typescript file.\n\nBenefits of Typescript or some of the features of Typescript that help us to build robust and maintainable application in less time.\n\n- Static typing\n    - We have two type of programming languages Statically-Typed (C++, C#, Java) and Dynamically-Typed(JavaScript, Python, Ruby)\n- Code completion\n- Refactoring\n- Shorthand notations\n\nTypeScript is essentially JavaScript with Type Checking. With TypeScript we explicitly set the type of a variable upon decoration just like how we code statically type languages then we pass our code into compilier and the compiler will tell us if we are doing something wrong so we can catch our a lot of mistakes as compile time. We can use where in frontend or backend.\n\nDrawbacks of TypeScript:\n\n- Compilation\n  .ts ———\u003e Compiler ———\u003e .js\n       Transpiration\n    \n- Discipline in Coding\n    TypeScript ——\u003e Medium to large projects\n    JavaScript ———\u003e Simple projects\n    \n\n# You'll Learn\n\n# Section-1: Getting Staart With TypeScript\n\n- Introduction to TypeScript\n- Setting up the development environment\n- Creating your first TypeScript program\n- Configuring the TypeScript compiler\n- Debugging TypeScript applications\n\n# Section-2: Fundamentals\n- any Type\n- Arrays\n- Tuples\n- Enums\n- Functions\n- Objects\n\n# Section-3: Advanced Types\n- Type aliases\n- Unions and intersections\n- Type narrowing\n- Nullable types\n- Unknown type\n- Never type\n\n# Section-4: Classes, Interfaces and Object-Oriented Programming\n- OOP\n- Classes\n- Constructors\n- Properties and Methods\n- Access control Keywords\n- Getters and setters\n- Static members\n- Index signatures\n- Inheritance\n- Ploymorphism\n- Abstract classes \n- Interfaces\n\n# Section-5: Generics\n- Generics classes\n- Generics functions\n- Generics interfaces\n- Generics constraints\n- Type Mapping\n\n# Section-6: Decorators\n- What are decorators\n- Class decorators\n- Method decorators\n- Property decorators\n- Accessor decorators\n- Parameter decorators\n\n# Section-7: Modules\n- Creating and using modules\n- Module formats\n- Default exports\n- Wildcard imports\n- Re-exporting\n\n# Section-8: Integration with JavaScript\nHow to run JavaScript and TypeScript side by side.\n\n- Including JS code in TS projects\n- Type checking JS code\n- JSDocs\n- Declaration (Type Definition)\n- Using declaration files from @types/\n\n# Section-9: React with TypeScript\n\n## Project: Reminder App\n- Build a React to-do app with TypeScript using useState, useEffect, and type-safe components to manage to-dos. \nThe app will handle state updates, and render to-dos dynamically with strict typing to ensure safer and more predictable code.\n  \n- Creating a React App with TypeScript\n- Add Bootstrap\n- Creating a Component - Title\n- Using the State Hook\n- Calling the Backend\n- Using the Effect Hook\n- Handling Events\n- Building Form Submission\n- Additional Reading\n\u003chttps://reactjs.org/docs/static-type-checking.html#adding-typescript-to-a-project\u003e\n\n## How to run this Project\n- npm start\n\n# Section-10: Node and Express with TypeScript\n\n## Project: Reminder-API \n- Set up a Node.js API with Express and TypeScript, defining type-safe CRUD routes to manage to-dos on the backend. \nUse axios or fetch in React to communicate with this API, ensuring type safety between the frontend and backend for a complete, type-safe application.\n\n- Executing TypeScript Code with Node\n- Setting up an Express Project\n- Creating a Router\n- Parsing Request Bodies\n- Building an API\n\n## Note\nFree To use no restrictions - developed and designed by https://github.com/Bikramai\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbikramai%2Ftypescript","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbikramai%2Ftypescript","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbikramai%2Ftypescript/lists"}