My First DevSecOps pipeline

using VS code,github,github-desktop,AWS Amplify
Shivam Kumar
shivam.kumar@a1-ai.com
Sunday,21 May 2023

Joining A1 AI Inc Company as an intern has been an enriching and seamless journey. The warm welcome, supportive environment, meaningful work, mentorship, collaborative culture, and focus on professional development have made it an unforgettable journey. I am grateful for the opportunity to be part of A1 AI Inc that values its interns and provides them with an environment conducive to learning, growth, and success. I will carry the lessons and experiences gained during my time at this Company with me as I embark on the next chapter of my career.

Following are the steps:My First experience with DevSecOps pipeline .

Step 1→Open Visual Studio Code:Launch Visual Studio Code on your computer.

Step 2→Open the folder in Visual Studio Code:Use the "Open Folder" option in Visual Studio Code and select the folder from your computer. This will open the folder as a workspace in Visual Studio Code.

Step 3→For running a node js project in vs code:Go to the terminal option in the the top-left corner ,click on new terminal option.

Teminal appears in the bottom of the screen.

For running in development modenpm install next This will automatically install all the require node modules and .next dir,Then,you will be able to run the development server: npm run dev Or yarn dev

Open http://localhost:3000 (in the terminal) with your browser to see the result.You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.

Step 4→Developing your project in VS Code:Start writing your code or developing your project in VS Code.
→Example : we will try to change the Phone number in the website header part.

This is the modified code :-
clrt + S for saving the changes in the file.

Step 5→Commit Changes:GitHub Desktop will display a list of changes detected in your repository.Enter a summary and a more detailed description of your changes in the "Summary" and "Description" fields.Select the files you want to commit by checking the checkboxes next to them.Click on the "Commit to main" button to commit your changes.

Step 6→Push Changes :After committing, you will see your commit in the "Changes" tab.Click on the "Push origin" button in the top-right corner to push your changes to the remote repository on GitHub.

Step 7→Log in to the AWS Management Console :Navigate to the AWS Amplify service.Amplify will automatically clone your repository, build your application, and deploy it to a hosting environment.

→Select a1-AI here.

Step 8→Monitor Deployment :During the deployment process, Amplify will display the build status, including the build logs, in the Amplify console.You can monitor the progress and any errors that may occur during the deployment.

Step 9→Access Your Deployed website.Once the deployment is successful, Amplify will provide you with a unique URL where your application is hosted.You can visit this URL to access and test your deployed application.