Giter Site home page Giter Site logo

csharpliveproject's Introduction

Live Project

Introduction

The following is an internship that I participated in that involved in upgrading a local theater group's website.

I worked as part of a team to update a theater company's website in order to make it more efficient and attractive to potential customers. As part of these overall goals, I created a blog authors section that could highlight a professional reviewer's comments in blog form to promote performances at the theater.

  1. Created an about page giving the theater's information such as casting information for performances.

  2. Created a blog authors index page

This provided a method to save a blog author's information on a bootstrap card and save it to the blog author's page.

@model IEnumerable<TheatreCMS3.Areas.Blog.Models.BlogAuthor>

@{ ViewBag.Title = "Index"; }

<script src="https://kit.fontawesome.com/14a23f6393.js" crossorigin="anonymous"></script>

Index

@Html.ActionLink("Create New", "Create")

@foreach (var blogAuthor in Model) {

<div class="card mb-4">
    <div class="row no-gutters">
        <div class="col-auto">
            <a href="https://placeholder.com"><img src="https://via.placeholder.com/150" class="img-fluid" alt="Blog Author"></a>
        </div>
        <div class="col">
            <div class="blogAuthor-Card text-left">
                <p class="card-text">
                    Author for Theater Vertigo<br />
                    <b>@blogAuthor.Name</b><br />@blogAuthor.Name @blogAuthor.Bio
                </p>
            </div>
  1. Another task I completed was to use a button that is responsive to a user to see information about a blog author and even delete a blog author if so desired by the theater.
Edit
            </div>
            <div>
                <a href="@Url.Action("Details", new { id=blogAuthor.BlogAuthorid} )" class="btn btn-details float-left">
                    <i class="fas fa-theater-masks"></i>Details
                </a>

            </div>
            <div>
                <a href="@Url.Action("Delete", new { id = blogAuthor.BlogAuthorid })" class="btn btn-delete float-right">
                    <i class="fas fa-theater-masks"></i>Delete
                </a>


            </div>


        </div>
        
        @model TheatreCMS3.Areas.Blog.Models.BlogAuthor

@{ ViewBag.Title = "Details"; }

<script src="https://kit.fontawesome.com/14a23f6393.js" crossorigin="anonymous"></script>

Details

BlogAuthor


Author Details Latest Posts Contact Twitter

csharpliveproject's People

Contributors

rmccabeny avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.