MERN Ecommerce Websites

---

Book Store :
​Ecommerce Web Site
​(MERN Stack)

• Ecommerce website using following approaches :
  • MongoDB/Mongoose + Express.js  ( Back end )
  • React w/ Hooks ( Front End )
  • Node.Js 
  • Javascript ES6
  • Bootstrap 4 + HTML 5
  • JSON ( Data )
  • RestFul API + CRUD 
  • CSS3
  • Visual Studio Code
  • CRUD ( Back END requests )
  • Postman ( Testing Backend )
• Can create Admin + Registered Users
• Admin Dashboard Behaviors:
  • Create Products/Categories
  • Manage Products
  • View User Order history
• User Dashboard Behaviors: 
  • View Purchase history
• Can Search for books in Home page
• Shop with Price and Category filters
• Cart page to simulate purchasing products
• Using Braintree for paypal and credit card purchase simulation
• Used Postman to test back end 

---

Furniture Store :
Ecommerce Web Site
​( MERN Stack )

• Ecommerce website using following approaches :
  • Next.js ( Framework )
  • React w/ Hooks ( Front End )
  • Node.js
  • Javascript ES6
  • Bootstrap 4 + HTML 5
  • JSON ( data )
  • RestFul API + CRUD 
  • CSS3
  • Visual Studio Code
  • CRUD ( Back END requests )
  • Postman ( Testing Backend )
• Can create Admin + Root + Users
• Account Page differences :
  • Admin :
    • Can view list of registered users 
    • Can view order history
  • Root :
    • Can control who is a user vs admin
    • Can view order history
  • User: 
    • Can view order history
• Admin can see a Create page to make products
• Admin has access to deleting products
• Cart page to simulate a checkout
• Using Stripe for credit card purchase simulation

---

Bootstrap Based Websites

---

Restaurant Website : 
Bootstrap Design 

• Restaurant style website using following approaches :
  • Javascript ES6
  • Bootstrap 4 + HTML 5
  • CSS3
  • Visual Studio Code
• Used Bootstrap to design and create a stylish Restaurant website
• Imported different Bootstrap based Javascript and CSS components
• Used HTML 5 to structure the bootstrap CSS based on a Design

---

Renters Website : 
Bootstrap Design 

• Restaurant style website using following approaches :
  • Javascript ES6
  • Bootstrap 4 + HTML 5
  • CSS3
  • Visual Studio Code
• Used Bootstrap to design and create an Apartment Renting website
• Imported Bootstrap based Javascript and CSS components
• Used HTML 5 to structure the bootstrap CSS based on a Design

---

React based Websites

---

City Tours Website : 
React JS 

• Restaurant style website using following approaches :
  • Javascript ES6
  • HTML 5
  • CSS3
  • SASS Node Library ( Applied with CSS )
  • JSON ( for Tour Data )
  • Visual Studio Code
• Uses with SASS Node Library: 
  • create different custom CSS behaviors for the Tours 
  • create a tour list with JSON data + customize the display of that data with custom CSS ( SASS ).
• Applied SCSS to the List of Tours and the Navigation Bar
• Can hit the info tab to show or hide a specific tours info.
• Can also remove a tour that is not desired from the list. 
  • Able to re-enable with a page refresh

---

C# ASP.NET CORE Websites

---

Shopping Cart Website : 
Angular JS + C# ASP.NET 

• Restaurant style website using following approaches :
  • Javascript ES6
  • HTML 5
  • Booststrap 4
  • Angular ( Front End )
  • JSON ( for Shopping cart Data from Back End)
  • C# ASP.NET ( Back End )
  • Visual Studio 2019/Visual Studio Code
  • CRUD ( Back END requests )
  • Postman ( Testing Backend )
• Uses with ASP.NET: 
  • created an ASP.NET app using VIsual Studio
  • used CRUD to make requests on the back end with ASP.NET to get the shopping App products from JSON.
• Can add products from the Shop to the Cart
• Used Bootstrap to add some simple styling

---

Flights and Hotels Website : 
React JS + C# ASP.NET 

• Flight and Hotels  style website using following approaches :
  • Javascript ES6
  • HTML 5
  • Booststrap 4
  • React ( Front End )
  • JSON ( for Shopping cart Data from Back End)
  • C# ASP.NET ( Back End )
  • Visual Studio 2019/Visual Studio Code
  • CRUD ( Back END requests )
  • Postman ( Testing Backend )
  • Restful API ( using Sky Scanner )
• Uses with ASP.NET: 
  • created an ASP.NET app using VIsual Studio
  • used CRUD to make requests on the back end with ASP.NET to get the shopping App products from JSON.
• Can fill in City names To Check Flight Availability
• After Check flight is hit , we make a request to Sky Scanner API to fetch use the Available flights from the two cities.
• Used Bootstrap to add some simple styling

---

Music Store Website : 
Vue JS + C# ASP.NET 

• Music Store style website using following approaches :
  • Javascript ES6
  • HTML 5
  • Booststrap-Vue
  • Vue ( Front End )
  • JSON ( for Shopping cart Data from Back End)
  • C# ASP.NET ( Back End )
  • Visual Studio 2019/Visual Studio Code
  • CRUD ( Back END requests )
  • Postman ( Testing Backend )
• Uses with ASP.NET: 
  • created an ASP.NET app using VIsual Studio
  • used CRUD to make requests on the back end with ASP.NET to get the shopping App products from JSON.
• Can hit the different tabs to Create New Entries :
  • Employee
  • Albums
  • Customers
• Each Field can have info entered and will be updated on the board( This is to emulate the Admin Side of the site ).
• Created Checks for when a Field is not entered.
• Used Bootstrap-Vue  to add some simple styling.