- dotnet new sln
- dotnet new classlib -n Domain ***Main ClassLib project
- dotnet new classlib -n Application ***Business Logic Project
- dotnet new classlib -n Persistence ***Database Related
- dotnet new webapi -n API ***API Related
- dotnet sln add Domain/
- dotnet sln add Application/
- dotnet sln add Persistence/
- dotnet sln add API/
- Domain/Domain.csproj
- Application/Application.csproj
- Persistence/Persistence.csproj
- API/API.csproj
- /eActivities/Application$ dotnet add reference ../Domain/
- /eActivities/Application$ dotnet add reference ../Persistence/
- /eActivities/API$ dotnet add reference ../Application/
- /eActivities/Persistence$ dotnet add reference ../Domain/
- npx create-react-app client-app --template typescript
- npm add semantic-ui-react
- npm i axios
- Adding activity entity
- Add nugetPack(mediatr.extensions.microsoft.dependencyinjection)
- Create activity API controller
- Adding Details,Create,Edit,Delete Handler
- Dealing with boilerplate code in our Handlers
-
Folder structure (React)
-
Getting list activities from API
-
Adding activity Interface in TS
-
Adding Navigation Bar (navbar)
-
Styling react components
-
Adding activity dashboard
-
Creating an activity list
-
Adding the activity Details component
-
Adding the activity Form component
-
Selecting an Individual activity
-
Adding Edit Mode
-
Handling form Submission
-
Adding Create activity
-
Adding Delete functionality
- npm install uuid
- npm install @types/uuid
-
Update API route: Route("api/[controller]")
-
Create an agent.ts (Axios support)
-
Adding delay our API(activities) method
-
Adding Loading component
-
Adding loading indicator for submission or delete Data
-
Setting Up a Mobx Store (activityStore.ts)
-
Adding async and await in our method
-
Refactoring activity List
-
Refactoring (Create, Delete, Edit) method
-
Enabling Mobx strict mode
- npm install mobx mobx-react-lite
-
Setting up React Router
-
Adding NavLinks
-
Getting activity from API
-
Moving Home Page outside
-
Scrolling to the top of the page
-
Styling the activity list
-
Styling activity details page (Header, Info, Chat, Sidebar)
-
Styling activity Form
-
Styling Home Page
- npm install react-router-dom
- npm install @types/react-router-dom