diff --git a/Casestudygif.gif b/Casestudygif.gif new file mode 100644 index 000000000..4427ff0e0 Binary files /dev/null and b/Casestudygif.gif differ diff --git a/Official_README.md b/Official_README.md new file mode 100644 index 000000000..d80736d04 --- /dev/null +++ b/Official_README.md @@ -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. diff --git a/README.md b/README.md index 5c0a1e7fa..33009fa99 100644 --- a/README.md +++ b/README.md @@ -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