TypeScript Crud Application

successfully developed a comprehensive TypeScript CRUD Application, combining the strengths of Node.js, Express, and MongoDB for the backend. To enhance the frontend, I utilized React and TypeScript, while Chakra UI provided a sleek and stylish design. The app seamlessly integrates all CRUD operations, empowering efficient data management and manipulation.

Deployment Link :https://649a4e10ce5a7628c1de0ffd--starlit-bublanina-a89a76.netlify.app/

API Reference

Get all items

  GET https://649a4e10ce5a7628c1de0ffd--starlit-bublanina-a89a76.netlify.app/ 

Tech Stack

Front-end : TypeScript,React, Chakra UI, React icon.

Back-end : Node.js, Express, and MongoDB.

Color Reference

Color	Hex
Primary	#17274a
Secondary	#ee5e68

Deployment

To deploy this project run

npm run build
npm run deploy

Features

• Get Request Api call
• Post Request Api call
• Patch Request Api call
• Delete Request Api call

ScreenShots

1. Homepage

2. Students Details Add Section

3. All Students Details Section

Run Locally

Clone the project

  git clone https://github.com/suhail3535/TypeScriptCrudapp.git

Go to the project directory

  cd my-TypeScriptCrudapp

Install dependencies

  npm install
  npm i axios
  npm i chakra-ui
  npm i react icon

Start the server

  npm run server
  npm start

Demo

https://649a4e10ce5a7628c1de0ffd--starlit-bublanina-a89a76.netlify.app/