Websites Programmed From Scratch (Atom/GitHub)
RayLab Web Services LLC
RayLab Web Services
In order to give my career in Web Development and Graphic Design the boost it needs for me to gain more clients, I founded RayLab Web Services LLC and became it's Sole Proprietor. Because of this, I developed a fully programmed website that includes information about my company, my portfolio, and a way to get into contact with me to enlist my freelance services.
For this website, I am the webmaster. Which means I am the one who is in charge of everything about it. My responsibilities include, but aren't limited to, updating the code (HTML/CSS/JavaScript/Python/PHP). I also manage the content and how it looks and is presented.
My workflow process starts with me editing the code in the Atom IDE with the window open on the left half of the screen, and the website preview window on the right half of the screen. This way, I can get immediate feedback on my code, and make sure I achieved the desired results. Once I'm satisfied with the edits I made to the source code in Atom IDE, I make the edits public by copying & pasting the new code into my website's repository; with GitHub as the Web Hosting service.
WordPress Experience
Bloomington Online
0
For this website, my responsibilities include running maintenance and performing updates. I also manage the content and how it looks and is presented.
John Labban, MD Women's Health Obstetrics & Gynecology
0
For this website, I am the webmaster. Which means I am the one who is in charge of everything about it. My responsibilities include, but aren't limited to, running maintenance and performing updates. I also manage the content and how it looks and is presented.
SociallyUP Internship Experience
During the Summer of 2022, for 8 weeks, I participated in an internship program offered through Indiana University’s curriculum. My internship took place at the website developing company, SociallyUP—where I was supervised by the owner of the company, Regina Jacobs. A typical day of work would consist of me assisting on making minor changes to a client’s website whenever the client requests some kind of alterations. By the 8th week, I was asked to type a final reflection essay documenting my experience and all of the responsibilities I had to take care of during my internship. OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO--Check out the essay in the toolbar down below.
![](images/misc/Toolbar.png)
![Preview Reflection Essay](images/misc/Preview.png)
![](images/misc/SeeMoreDownBelow.png)
Mock Realtor Personal Website
For this project, I designed and developed a mock personal website that would be made for a realtor specializing in luxury housing. I built this website using WordPress and created five pages to go into it. The website would contain a “home” page, an “about” page, “contact” page, “portfolio” page, and a “resources” page that would be used as a personal blog.
For the “Home” page, I spent more time on it than all of the other pages. Mainly because I needed more time to get myself familiar with the WordPress software and interface. There was also the added difficulty of needing to figure out how I wanted the website to look. Once I spent some time looking at the spec sheet for the logo of the realtor, I was able to ascertain an idea of the color pallet and the typography that she would want me to use. Once I figured that part out, I was able to envision the changes to the website template that I would want to make.
The first thing that I worked on for the website was the Slider at the top of the homepage. A Slider is basically a photo and some text that slides into frame as an animation. This Slider was already pre-built into the website. What I did to change it was I replaced the default photo with a photo that I found and thought better represented what the client would want her website to be about. I then changed the colors and typography of the text in-order to make the slider look more in-line with the rest of the website’s chosen color pallet and typography. After I finished the Slider, I applied the color pallet and typography for the website on the rest of the page.
For the “About” page, I got rid of a lot of what was already on the template. I replaced the photos and the text with the appropriate color pallet and typography. After that, all that I had to do for that page was to align the text to the photo and create text that was appropriate for that page. I also did a little more tidying up.
For the “Contact” page, I basically used the exact same formatting as the “About” page. The only difference is the text that I added in. I also added in a contact form that patrons could follow if they wanted to.
For the “Portfolio” page, I put in stock photos of houses that the client has closed along with some background information about each property. There were three categories in the portfolio: Luxury Estates, County Homes, and Penthouses. From the “Home” page, the user could view each category individually from clicking the icon of a specific category.
For the “Resources” page, I used it as a personal blog that the client could use to post articles and other things about herself and her career. I put in a few articles in order to provide a visual understanding of how the blog would look to the client.
![](images/4_web/3_internship/thumb/BoilerLogo.png)
Mechanical Contractor Company
For this company's website, the first thing that I did was take the photos on multiple pages and give them a color block. The way I did this is by downloading the photos from the media file and putting them into Canva and giving them a color background design. Once I did that, I took the updated photos and put them back into the website’s pages.
The second thing that I did for this website was update some important information about their company’s certification, and I updated their employees resume page. I did that by putting the names of some employees into a category along with their job title and a link to their resume.
![](images/4_web/3_internship/thumb/RoofLogo.png)
Roofing Company
For this company’s website, my main responsibility was to add a “Return to Previous Page” button at the bottom of multiple repair scheduling pages. The reason for this was to give the website’s patrons an easy way to backtrack to the page with all of the scheduling options.
![](images/4_web/3_internship/thumb/GymSchoolLogo.png)
Gymnastics Preschool
The last website that I helped out with was for a gymnastics preschool. This website was a bit more difficult to alter. The reason for that been that this website was built using a different theme editor in WordPress. Eventually though, I did get the hang of it, and I was able to carry out my tasks. The first thing that I did for this website was update the calendar on their preschool page. The second thing that I did for this website was add some pictures to the website in order to make it look more appealing.