Skip to content

Commit b54745e

Browse files
Adds details to the front end
1 parent f3a8eb5 commit b54745e

File tree

1 file changed

+9
-3
lines changed

1 file changed

+9
-3
lines changed

README.md

Lines changed: 9 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,14 @@
44
This project provides a Blog Photos section to a client's web app. The purpose was to increase customer satisfaction and provide timely community news. The blog section is written in C# using ASP.NET MVC and contributes to the web app's existing codebase. For simplicity, only code for the blog is included in this repository.
55

66
<h2>Front End</h2>
7-
The front end consists of features commonly found in a blog. The <a href="https://github.com/CrewsControlSolutions/CSharpLiveScrumProject/blob/main/Screenshots/HomePage.PNG">Landing Page</a> provides a place for all blog posts to be displayed. Each post is contained within a Bootstrap card, which is an extensible content container. The number of columns containing cards depends on the window size; hence, this solution scales well for any window size, including mobile. <a href="https://github.com/CrewsControlSolutions/CSharpLiveScrumProject/blob/main/Screenshots/HomePageCardOnHoverOver.PNG">Hovering over a card</a> reveals more information, including options for viewing details, editing, or deleting the post.
7+
The front end consists of features commonly found in a blog. The <a href="https://github.com/CrewsControlSolutions/CSharpLiveScrumProject/blob/main/Screenshots/HomePage.PNG">Landing Page</a> provides a place for all blog posts to be displayed. Each post is contained within a Bootstrap card, which is an extensible content container. The number of columns containing cards depends on the window size; hence, this solution scales well for any window size, including mobile. <a href="https://github.com/CrewsControlSolutions/CSharpLiveScrumProject/blob/main/Screenshots/HomePageCardOnHoverOver.PNG">Hovering over a card</a> reveals more information, including options for viewing details, editing, or deleting the post. <br><br>
88

9-
Selecting the Details option simply displays the blog photo and title in a more expanded format in a new page. The Edit page allows for the changing of the blog title and/or photo. Selecting the Delete option takes the user to a confirmation page for verification of blog post removal.
9+
Selecting the <a href="https://github.com/CrewsControlSolutions/CSharpLiveScrumProject/blob/main/Screenshots/BlogPhotoDetailsPage.PNG">Details</a> option simply displays the blog photo and title in a more expanded format in a new page. The <a href="https://github.com/CrewsControlSolutions/CSharpLiveScrumProject/blob/main/Screenshots/EditBlogPhotoPage.PNG">Edit page</a> allows for the changing of the blog title and/or photo. Selecting the <a href="https://github.com/CrewsControlSolutions/CSharpLiveScrumProject/blob/main/Screenshots/DeleteBlogPhotoPage.PNG">Delete</a> option takes the user to a confirmation page for verification of blog post removal. <br>
10+
11+
A new blog post can be created by selecting Create New from the <a href="https://github.com/CrewsControlSolutions/CSharpLiveScrumProject/blob/main/Screenshots/HomePage.PNG">Landing Page</a>. Once selected, a <a href="https://github.com/CrewsControlSolutions/CSharpLiveScrumProject/blob/main/Screenshots/CreateBlogPhoto.PNG">new page</a> opens for entering a blog title and selecting a photo from the file system. Currently the selected photo must be in JPEG (.jpg) format.
12+
13+
CSS styling for the Blog Photo section is consistent with the color and font schema of the overall web app.<br><br>
14+
15+
<h2>Back End</h2>
16+
A model contains the properties of a blog post and is linked, via Entity Framework, to a code-first database in MS SQL Server. Entity Framework is also used to scaffold the CRUD pages for creating the Create, Details, Edit, and Delete pages.
1017

11-
A new blog post can be created by selecting Create New on from the Landing Page. Once selected, a new page opens for

0 commit comments

Comments
 (0)