https://github.com/ashish0309/dotnet-core-todo-web-app
A simple ToDo website to share understanding on how to use Angular, Dotnet, MySQL and login functionality etc.
https://github.com/ashish0309/dotnet-core-todo-web-app
angular api-server authentication backend-api cookies dotnet dotnet-core learn-by-doing learn-dotnet mysql rate-limiter rest-api web-development
Last synced: 5 months ago
JSON representation
A simple ToDo website to share understanding on how to use Angular, Dotnet, MySQL and login functionality etc.
- Host: GitHub
- URL: https://github.com/ashish0309/dotnet-core-todo-web-app
- Owner: ashish0309
- License: apache-2.0
- Created: 2024-08-08T14:53:34.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-08-25T14:36:38.000Z (almost 2 years ago)
- Last Synced: 2025-01-22T14:08:08.394Z (over 1 year ago)
- Topics: angular, api-server, authentication, backend-api, cookies, dotnet, dotnet-core, learn-by-doing, learn-dotnet, mysql, rate-limiter, rest-api, web-development
- Language: C#
- Homepage:
- Size: 15.9 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# ToDoApp
A simple ToDo App created to share understanding/learning on how to use Angular, Dotnet, MySQL and Dotnet ef core and identity frameworks to support database storage and login functionalities.
# App in action
https://github.com/user-attachments/assets/1a312ced-b2d3-4008-b5f6-7029d68fcc9f
# Prerequisites for the project
* Follow [Prerequisites](https://learn.microsoft.com/en-us/dotnet/core/tutorials/with-visual-studio-code?pivots=dotnet-8-0#prerequisites) section to install dotnet related dependencies and VS Code
* Install node by [following](https://nodejs.org/en/download/package-manager) if needed. It is required by angular local development.
* Install angular if needed by running ```npm install -g @angular/cli``` in a terminal
* Install Mysql from official [source](https://dev.mysql.com/downloads/mysql/) and ensure it is started. Ask ChatGPT or Google how to start it after installation
# Steps to access the app using localhost
1. Git clone through VS Code terminal ```https://github.com/ashish0309/DotnetToDoWebApp.git```
2. Open the downloaded repository folder in the VS Code. Repository name would be: ```DotnetToDoWebApp```
3. Install tool for database migration if necessary through VS Code terminal: ```dotnet tool install --global dotnet-ef```
4. Run in the same terminal: ```dotnet ef database update``` to migrate database schema changes from the project to Mysql database
5. In a new VS Code terminal navigate to Angular folder: ```cd ClientApp```
6. In the same terminal install angular dependencies by running: ```npm install```
7. Same terminal run:```ng serve``` to start node server to listen to ```http://localhost:4200/```
8. In another terminal, ensure you are in the root project folder and run: ```dotnet run``` to build and run dotnet project locally
9. Visit ```http://localhost:4200/``` to use the app. Keep in mind that password for a new user signup has constraints where it would require some combination of number, special characters and should be at least 8 length.
# Help
* Please open issue/pull request if something is not working or drop an email