Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added Casestudygif.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
44 changes: 44 additions & 0 deletions Official_README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,44 @@
#Product Registry System
This is a skeleton application that can be built out and expanded.
#Links to project repositories:
-https://github.com/StephSteve/BikeRegistry
-https://github.com/StephSteve/BikeRegistryAngularFrontEnd


#Home Page
The home page for the app is the create registration form. The information is submitted through the Angular reactive form and persisted to the database.

#Admin Section
When an admin needs to view all the registrations or even a specific registration they would siply navigate to localhost:4200/admin and they would be able to access all the registrations that have been persisted. Each name is link that will call a function to pull all the deatails of that specific registration.


#Product Registry System Selection:
-Version Control Sys: Github
-Wireframe: Mockflow
-Frontend: Angular
-IDE: Intellij - Modules/Components, CSS, Bootstrap
-Business Logic: Typescript
-WebServer Imp: SpringBoot/RESTful Data Layer: mySQL database
-Web App Cloud D: TBD (I have used Netlify)

#Other Important Information:

###This project was generated with Angular CLI version 10.0.5.

#Development server
Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

#Code scaffolding
Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

#Build
Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.

#Running unit tests
Run ng test to execute the unit tests via Karma.

#Running end-to-end tests
Run ng e2e to execute the end-to-end tests via Protractor.

#Further help
To get more help on the Angular CLI use ng help or go check out the Angular CLI README.
72 changes: 3 additions & 69 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,71 +1,5 @@
# Full Stack Web Application

* **Objective** - to create an implementation of a web service
* **Purpose** - to demonstrate the construction of a full-stacked web-application
* **Description**
* This Case Study is your first foray into building a full-stack application. You'll be building a Spring MVC based application, which means you'll learn about what it takes to build a functional application from the ground up yourself.
* This is exciting! It's a lot, but we've given you the tools to be able to build what you need, and you get to decide what you do with it. You also get to be creative in choosing what sort of application you want to build!
* You will be working individually to design your app. We hope you'll exercise creativity on this project, sketch some wireframes before you start, make sure you have time to run these ideas by your instructors to get their feedback before you dive too deep into coding! Remember to keep things small and focus on mastering the fundamentals.
* **Additional Resources**
* [The Original Case Study Document](./case-study.pdf)
* [Case Study Outline](./case-study-outline.pdf)
* [Case Study Deliverables](./README_deliverables.md)
* [Identifying Plagiarism](./README_plagiarism.md)
* [Suggested Project Topics](./README_suggested-project-topics.md)



## Minimum Features
* `RESTful` web service which consumes requests from a front-end web application and caches each request and the respective response to a database.
* The application must support a login functionality.




## Developmental Notes

### Tech Stack Selection
* Select at least 1 technology from each of the following categories:
* **Version Control System**
1. Github
2. Bitbucket

* **Wireframe**
1. Mockflow
2. Balsamiq
3. Lucidcharts

* **Frontend**
1. Angular
2. React
3. Vue.JS

* **Business Logic**
1. Java
2. TypeScript

* **WebServer Implementation**
1. Spring Boot
2. At least 1 [backing service](https://12factor.net/backing-services) API

* **Data Layer**
1. MySQL
2. PostgreSQL
3. MariaDB

* **Web Server Cloud Deployment**
1. Heroku
2. AWS EC2 Instance

* **Web Application Cloud Deployment**
1. Netlify
2. AWS EC2 Instance




### Installation
* It is advised that you make install each of the following technologies to ensure that are at least accessible
* Install [NodeJs](https://nodejs.org/en/).
* Install [Angular](http://angular.io/).
* Install [AngularCli](https://cli.angular.io/).
* My Deliverables:
* https://github.com/StephSteve/BikeRegistryAngularFrontEnd
* https://github.com/StephSteve/BikeRegistry