/DotnetReactCrud

Fullstack CRUD app with dotnet 9, react js 19 and tailwind css

Primary LanguageJavaScriptMIT LicenseMIT

Full stack crud application in .NET 9 and React 19

Tech stack

  • .NET 9 Web APIs (Backend)
  • Entity framework core (ORM)
  • Sqlite (database)
  • React 19 (frontend)
  • Lucide react (icons)
  • React router (routing)
  • React hook form (form and validation)
  • React hot toast (toaster)

How to run the project

  1. Clone the project
git clone https://github.com/rd003/DotnetReactCrud
  1. Change directory
cd DotnetReactCrud
  1. Visit backend project's directory
cd Backend/Backend/
  1. Run migrations
 dotnet ef database update
  1. Run backend project
 dotnet run

Keep backend project running. Open a new tab in terminal

  1. Visit frontend project's directory
cd path-to-project-directory/

cd client
  1. Install dependencies
npm i
  1. Run project
npm run dev
  1. Visit to the route http://localhost:5173 in the browser.

Note: If you are running this project on linux, then you might get this error. I got this on linux mint however it was running fine in windows 11 machine.

Error: Cannot find module @rollup/rollup-linux-x64-gnu. npm has a bug related to optional dependencies (https://github.com/npm/cli/issues/4828). Please try npm i again after removing both package-lock.json and node_modules directory.

I resolved it with these steps:

  1. Delete the problematic files:
rm -rf node_modules
rm package-lock.json
  1. Install dependencies again
npm i
  1. Run project again wiht
npm run dev

screenshot

sreenshot