kontact

A simple React x Typescript x Sass CRUD project.

Key Features & Benefits

• CRUD Operations: Create, Read, Update, and Delete contacts.
• React Components: Modular and reusable components for a maintainable codebase.
• TypeScript: Enhanced code quality with static typing.
• Sass Styling: Organized and scalable styling using Sass.
• Modern Frontend: Built with the latest React features.
• Simple and clean UI

Prerequisites & Dependencies

Before you begin, ensure you have the following installed:

• Node.js: (preferably the latest LTS version) - Download Node.js
• npm or yarn: Node Package Manager
• Git: Version control system - Download Git

Project Structure

├── .gitignore
├── client
│   ├── .gitignore
│   ├── eslint.config.js
│   ├── index.html
│   ├── package-lock.json
│   ├── package.json
│   ├── public
│   │   ├── contacts
│   │   ├── icon
│   │   ├── notFound.gif
│   │   └── person.svg
│   ├── src
│   │   ├── App.tsx
│   │   ├── Index.scss
│   │   ├── components
│   │   ├── hooks
│   │   ├── main.tsx
│   │   ├── models
│   │   ├── pages
│   │   └── vite-env.d.ts
│   ├── tsconfig.app.json
│   ├── tsconfig.json
│   ├── tsconfig.node.json
│   └── vite.config.ts
├── package-lock.json
├── package.json
└── server
    ├── package-lock.json
    ├── package.json
    ├── src
    │   ├── User.ts
    │   ├── hooks
│   │   └── index.ts
    └── tsconfig.json

Acknowledgments

This project utilizes:

• React
• TypeScript
• Sass
• Vite
• eslint