Code Summary on C# Live Project
For this project, I worked on a team developing a full scale website utilizing ASP.NET MVC and Entity Framework, written in C#. This project is the interactive website for managing the content and productions for a theater/acting company. The mainframe for the site was already in place. My tasks were geared towards the creation of the interworkings of the Production Member area of the site.
Below are the descriptions of the stories that I worked on, along with code snippits.
- [Styling The Home Page]
This page was a blank slate. My task was to add and position a logo under the navigation bar, create 2 columns of uneven size, create sections and fill with client specific production posters and related images. Adding a Donations section while linking to related page. Added another section for Land Acknowledgement including text and images, linking to related site.
- [CRUD Pages]
- [Photo Storage & Retrieval]
- [Database]
- [Production Members]
This story required creating an Entity Model for the Production Member area. I created a model, an enum for positions, and CRUD pages with functionality. By scaffolding the pages using the Entity Framework, I was able to ultimately create, edit and delete new Production Members.
This story also used styling to meet the predetermined theme of the site. This included enhancing the buttons with rounded corners, centering in the container.
For this story we wanted to have images for the ProductionMember model. To accomplish this, we wanted to allow users to upload files from their file system. Then, in the controller, the uploaded image was converted into a byte array (byte[]) and stored in the database. The byte[] representing the photo was able to be retrieved from the database and converted back into an image where it can be displayed on View.
As previously described, I had created the enum for positions, but had also created a database to hold the value of the fields related to the form.
This is the final product of the Production Members Index page. Each image dims upon hover. Each image upon click will return the Production Member's Details page.
bandicam.2022-03-19.06-28-30-107.mp4
Jump to: Front End Stories, Back End Stories