classicvalues / bulkybook

A commercial website for buying online books using MVC core ,Identity Management, EntityFramework Core, Facebook authentication, Google authentication, 2 factor authentication using Microsoft authenticator app, Stripe payment, Twilio SMS service.

BulkyBook

• Application styling was done by getting the css file from https://bootswatch.com/ website. Select any of the layout you want and replace the code present in wwwroot/lib/bootstrap/dist/css/bootstrap.css. Also make sure you check the _layout file if it is pointing to bootstrap.css or bootstrap.min.css

• If you are getting the below error while migration. Please check the Project in Package console manager. Your target project 'BulkyBook' doesn't match your migrations assembly 'BulkyBook.DataAccess'. Either change your target project or change your migrations assembly. Change your migrations assembly by using DbContextOptionsBuilder. E.g. options.UseSqlServer(connection, b => b.MigrationsAssembly("BulkyBook")). By default, the migrations assembly is the assembly containing the DbContext. Change your target project to the migrations project by using the Package Manager Console's Default project drop-down list, or by executing "dotnet ef" from the directory containing the migrations project.

• Used Dapper for calling StoredProcedure.

• Created an empty migration and coded the SP in code and then executed update-database. This updated the database with the new Stored Procedures.

• CRUP operations by calling Stored Procedure was implmented for CoverType Controller.

• Used Tiny.Cloud website to make our description for product more editable with font formats options.(Bold, Italic etc)

• Authorize based on roles implemented. Authurize attribute with Roles were set at controller level and Configure application start up to return login page if unauthorised.

• Integratimg with Facebook Login

  • Create an account in facebook developer website https://developers.facebook.com/
  • Create an APP ID
  • Set up with facebook login
  • Get the App ID and App secret and configure the credential in Start up. You need to also install a Facebook .net core package.

• Integration with Google Login

  • Create an account in https://console.developers.google.com/
  • Create a Project
  • Set up with Google+ API
  • Set up OAuth 2.0 Client IDs and OAuth Consent screen to External.
  • Get the App ID and App secret and configure the credential in Start up. You need to also install a Google .net core package.

• Integration with Stripe payment

  • Create an account in Stripe.
  • Get Client ID and Secret.
  • Configure in Start up middleware.
  • Use javascript script to call the existing UI.

• Integration with Twilio for SMS service

  • Create an account in Twilio.
  • Get Client ID , Secret and Phonenumber.
  • Configure in Start up middleware and load the settings.
  • Get Twiolio nuget package.
  • Write the code to send sms.

• BindProperty - Can be used on the model to post the updated model from View to controller without passing the object in method parameter.

• Things to improve

  • The way images are stored.
  • UnitOfWork (include option if this can be improved)
  • UnitOfWork try to check your project implementation.

• Enabled 2 factor authentication using microsoft authenticator app/google authenticator app. For reference - https://docs.microsoft.com/en-us/aspnet/core/security/authentication/identity-enable-qrcodes?view=aspnetcore-5.0

Get the qrcode js file and put it in ur solution https://davidshimjs.github.io/qrcodejs/

<script type="text/javascript" src="~/lib/qrcode.js"></script>

    <script type="text/javascript">
        new QRCode(document.getElementById("qrCode"),
            {
                text: "@Html.Raw(Model.AuthenticatorUri)",
                width: 150,
                height: 150
            });
    </script>

• Implemented ViewComponent to display the User name on the top after login in.
  • Create a controller which will be implementing ViewComponent.
  • Get the User details. LayoutPartial was changed to use the viewcomponent.
  • Make sure you are creating the view page inside a Component folder -> UserName -> Folder