https://github.com/nayak-nirmalya/node-express-csv-crud
Full Stack Web App for CRUD Operations with Node.js, Express, React, Vite, TypeScript, Unit Test with Jest, TailWindCSS.
https://github.com/nayak-nirmalya/node-express-csv-crud
csv-parser express jest nodejs react restapi supertest typescript vite zod
Last synced: 7 months ago
JSON representation
Full Stack Web App for CRUD Operations with Node.js, Express, React, Vite, TypeScript, Unit Test with Jest, TailWindCSS.
- Host: GitHub
- URL: https://github.com/nayak-nirmalya/node-express-csv-crud
- Owner: nayak-nirmalya
- Created: 2023-07-07T06:16:15.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-07-07T06:45:21.000Z (over 2 years ago)
- Last Synced: 2025-01-22T12:11:58.437Z (9 months ago)
- Topics: csv-parser, express, jest, nodejs, react, restapi, supertest, typescript, vite, zod
- Language: TypeScript
- Homepage:
- Size: 352 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Full Stack Web App for CRUD Operations with Node.js, Express, React, Vite, TypeScript, Unit Test with Jest, TailWindCSS
Key Features:
- Full Type Safe with TypeScript
- Read / Write Data to CSV File
- Tailwind Design for sleek UI
- Schema Validatio with Zod
- Complete Test for all Backend Routes with Jest & SuperTest
- Production Grade Linting with eslint
- Production Ready Code format with prettier
- Proper Error Handling
### Prerequisites
**Node version 14.x**
### Cloning the repository
```shell
git clone https://github.com/nayak-nirmalya/node-express-csv-crud.git
```
### Install packages
```shell
npm i
```
### Start the Backend (Express Server)
```shell
npm run dev:server
```
### Run Test Cases
First Start the Dev Server and then in another terminal Run Test Cases as Below.
```shell
npm run dev:server
npm run test
```
#### OR
to run concurrently (It will start the dev server and run test suit.)
```shell
npm run test:server
```
### Start Frontend
First Start the Dev Server and then in another terminal start React Vite Server.
```shell
npm run dev:server
npm run dev
```
#### OR
to run concurrently (It will start the dev and react server.)
```shell
npm run fullstack
```
## Available commands
Running commands with npm `npm run [command]`
| command | description |
| :------------ | :--------------------------------------------------------- |
| `dev` | Starts a development instance of the vite react app |
| `build` | Starts a building final version for production of frontend |
| `preview` | Run final build production version of frontend |
| `lint` | Run lint check |
| `dev:server` | Run nodemon for backend |
| `test` | run test cases |
| `test:server` | Concurrently run backend and test cases |
| `fullstack` | Concurrently run backend and front-end |
## Screenshots
### Home Page
### Edit User
### Test Cases
