My First JavaScript Project

Sultana37 — Sun, 02 May 2021 02:31:27 +0000

Welcome to MY First JavaScript Project 👩!

I created a Single Page Application (SPA) Website "Quotes Apps" that will when user refresh it a quote to be displayed on the page and for it to be a different quotes every time and user could rate them by using "RATE" button and if click "NEW QUOTE" random quotes pop-up , you know this apps kind of lighten up your day.

Project Walk-Through /How do a Project Work Structure

Base on Project Requirements , My frontend was build with HTML, CSS, and JavaScript that accesses data from a public API. All interactions between the client and the API was handled asynchronously and used JSON as the communication format.

Adding a "RATE" button and adding "NEW QUOTE" button. These interactions do not need to persist after reloading the page.

MY project's DOM Manipulation is well structured, following the pattern of creating reusable components and appending them to the DOM.

Project PLANNING,MVP & MVP Feature

***MY MVP & USER STORY ::

[✔]users should able to see a new quotes when the enter the website
[✔]users should be able see rate button for rate quotes
[✔]users should be able to rate the quotes on a scale of 1 to 10
[✔]user should be see new quotes and character name if the press the new quote button.

Stretch

[✔]If a quotes is rated 4 or below , the screen will turn red
[✔]If a quotes is rated 8 or above , the screen will turn green

ROADMAP

[✔]Create file Structure
[✔]fetch the data
[✔] Reusable function
[✔]use the quotes API-
"https://got-quotes.herokuapp.com/quotes"

DOM

[✔] Modify the DOM
[✔]create a reusable div to hold quotes
[✔]Append a new quotes

[✔]Generate new Quotes
[✔]Remove the old quotes
[✔]fetch the API for a new quotes

[✔] Add rating Functionality
[✔]this should be unique for each individual quotes

Style CSS

[✔] Work for styling
[✔]Title
[✔]text in center
[✔]h1
[✔]background of page
[✔]cadet blue
[✔]Quote container in a box
[✔]title/Perfect quotes for you!
[✔]quote container title in center and h3 format
[✔]Everything text aligned in left
[✔] style for button
[✔]black background
[✔]white text
[✔]white Quote container background
[✔]thicker border
[✔]drop shadow
[✔]Turn rating number green if rating is 8 or above
[✔]if rating >=8 make color green
[✔]if rating >=4 make color red
—————————————————————

Rough Timeline

I worked on 7 days to created this project planning :
⏰⏰⏰ Day 0 - Project Pitches

💻Create File System
💡index.html
💡index.js
💡styles.css
💻Set up HTML on the page

⏰⏰⏰ Days 1-3 - Access API, Build out DOM Components

💻Need External API
💡Find on API
💡Play around with the API
💡create Fetch Functions

⏰⏰⏰Days 4-5 - Reach MVP

💻Create a container from the data
💡create a function that creates a quote component.
💻Display the New quote function that appends the quote
container .
💻Find a way to randomize quotes or get a new quote

⏰⏰⏰ Days 6-7 - Additional Features, Polish, Bug Fixes

💻Style page
💻Test and Polish

🧧🧧🧧NOT IN THE LISTS :
Basically Ends Up is a half hour on stuck on a problem. A good guideline for a small bug is the rule of 10s:

♦10 minutes debugging the code on self
♦10 minutes using Google and Stack-Overflow to try to find an answer
♦10 minutes asking your teammates or fellow students for help
Asking an instructor

Not to mention, when you are ending one project, you’re likely beginning another. Therefore, you want to get transition support for this changeover. You’ll have to release resources, archive documents and don’t forget to acknowledge the project success with a party or some type of celebration, That’s important, too 🍕🥂🍰

"If you can dream it, you can do it"

Sultana37 — Sun, 28 Mar 2021 02:46:56 +0000

Why I chose to study software engineering

Software engineering is important because specific software is needed in almost every industry in every business and for every function .It becomes more important as time goes on.

So as part of my AMZN SE-1 experience Flatiron School requires me to write blog posts. If I can write about coding than I show a deeper understanding about why I am a job ready developer .We all know that our online present is part of our "resume" now as more and more hiring managers are looking at social profiles when making job decisions.
* Getting Started-
I am a person who profound influence on others and a source of inspiration motivation encouragement creative person so I make dream everyday I loves learning always so this actually refers back to number one which is about innovation. Because innovation is literally just about kind of the invention of new stuff all the time, it kind of goes along with your job as a software engineering because there's always new stuff coming out. Whether it be a new programming language or a new framework or a new architecture and so having the skill of being able to adapt to new things is really important.
it's always fun to be in an area where new things are coming out all the time .Because than there's always something new to learn and grab and add to skill set.

First Interested- I think one of the best things about software engineering is that you can apply your skills to anything. For instance you can make health apps that monitor the blood sugar levels of patients or you can make educational app that help teachers organize their coursework more easily or you can even make code that gets sent up into spaces .That is so cool so this actually has a lot to do with why I went into software engineering as a career and studied computer science to begin with .I didn't really know what exactly what industry that I wanted to go into but I did want to have the freedom to be able to choose throughout my whole career and not limit myself.
- Build in the future- Working in tech actually means that you get to work with so many different kinds of people .On the daily I get to work with .A product manager who decides what we work on and why it's important ,A designers who decides "How is it going to look and how is it going to feel when a user is working on it? of course other software engineering who I'm working with and solving these problems with as I'm building and also I get the opportunity to work with. Data Scientists , Marketing people . It's just so cool to be able to work with so many different kinds of people who think in such different ways and to do able to create a product together that you can deliver out into the world.
Past work experiences- I spent three years with Corporate Office. 2019 start with Amazon Fulfillment Center as a Packer. An Amazon Packer has the responsibility of picking and packing and handling stock arrangements to ensure that there is adequate stock for shipment purposes, cleaning shipping containers ,as well as labeling items and packing them into the shipping containers.

So ultimately I decided on software engineering for a few reasons:

#The job outlook for a software engineering career is amazing. The most in-demand skills in the world and the pay ain't bad.
#The possibility of working remotely.

DEV Community: Sultana37