Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/rahul02m/notepad-web
Create small full-stack application using HTML, CSS, JS and ASP.NET 8 Web API✍️
https://github.com/rahul02m/notepad-web
api asp-net-core-web-api full-stack htmlcssjs-project notepad notes-app
Last synced: 8 days ago
JSON representation
Create small full-stack application using HTML, CSS, JS and ASP.NET 8 Web API✍️
- Host: GitHub
- URL: https://github.com/rahul02m/notepad-web
- Owner: Rahul02M
- Created: 2024-01-29T13:03:26.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-04-12T12:44:53.000Z (7 months ago)
- Last Synced: 2024-04-12T20:18:14.044Z (7 months ago)
- Topics: api, asp-net-core-web-api, full-stack, htmlcssjs-project, notepad, notes-app
- Language: C#
- Homepage: https://note-wesite.netlify.app/
- Size: 13.7 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# NOTEPAD✍️
1. Introduction
- In this project, i build a NotePad website using HTML, CSS, JavaScript for (fornt-end) and asp.net core web api(Back-end) . The goal is to understand the mechanics of how ASP.NET Core Web Api servers work together with the front-end. An API stands for Application Programming Interface. It’s like a bridge that allows different software programs to communicate with each other.🚀🌟
2. Front-End and Back-End Basics:
- Front-End:This refers to the client side—the user interface (UI)💻 that users interact with.HTML,CSS,JS and Common frameworks include ReactJS, VueJS, and Angular.
- Back-End: This handles server-side tasks like authentication, data fetching, and business logic. Frameworks like NodeJs, Django, and ASP.NET are used here.
3. Connecting Front-End and Back-End:🌐
- Regardless of the chosen architecture, communication between front-end and back-end follows similar principles.
- Let’s say we’re NOTEPAD:
- You choose Reactjs (front-end) and Nodejs (back-end).
- I choose HTML, CSS , JS and ASP.NET (back-end).
- Both approaches achieve the same goal, but with different languages.
4. Creating an ASP.NET Core Web API:
- You can build a controller-based web API that uses a database:
- Create a new project using Visual Studio or Visual Studio Code.
- Choose the ASP.NET Core Web API template.
- Add NuGet packages (e.g., Microsoft.EntityFrameworkCore.InMemory) for database support.
- Test the project using Swagger (automatically generated API documentation).
5. Usage
- Adding a Note
- Saving Notes
- Deleting Notes
- Editing Notes
6. Screenshots
