I'm a Full stack Web developer, I'm a Web Designer. Experienced with all stages of the development cycle for dynamic web projects.
UX
User story
Users will know the details about my work, education and experiences and contatct deatils.
As a owner I can populate all my details for personal portfolio which can be accessed by the recruiters
User will know complete details about me and will help in hiring me.
As a new visitor of the website, I want to easily navigate on the page.
As an interested client, I want to have a contact form easy to fill out.
As a potential client, I want to get to know Bhargavi's background and personality to see if I want to hire her
As a recruiter, I would like to get an insight into Bhargavi's work and I also want to have a printable resumé what I can present to my superior.
As an employer, I visit this page to see a showcase of a potential employee's work.
Wireframes
When I started working on this project, I had a picture of the site in my head. This picture has changed a lot in the last few weeks.
I have used Balsamiq for designing the wireframes.
Below are the images for the same.
Features
Existing Features
Navigation Menu
About me
Work History
Projects
Contact Details
Home, About me, work history Projects, contact
In Home page Picture and few text.
In About me few lines about me.
Projects says few works done by me.
Work history says my experience of works i have done all these years.
Contact page give the contact info about Bhargavi.
Features Left to Implement.
In the future I plan to add further projects, work experience to make My portfolio and About me pages better.
I would really want to implement my skills in Responsive designing / mobile first designing.
I will learn to use of background images effectively and responsively.
I will implement the animations skills in the website.
Implementation of colours would be better.
Technologies used
HTML
CSS
BOOTSTRAP
HTML formatter
CSS formatter
HTML validator
CSS validator
Google fonts
Font Awesome
Google Search engine
Markdown Language
CSS Autoprefixer
Testing
All links were tested manually.
Deployment
This is my first website and written in GitPod, and it's hosted using Github, deployed from the master branch (via Settings). I've saved after every important change starting with git status, git add ., git commit -m"" and in the end pushing it to the Github repository. After every commit, when you refresh the repository, you can see the changes. The main (landing) page of the website is named assets in which I have index.html, css,style.css and images.
How to deploy
Login to GitHub.
From the list of the repositories, select this one.
From the menu, click on the Settings (you can find under the name of the repository).
Scroll down to the Page section, select Master Branch from the dropdown menu.
The website is deployed, you can find the link in Page section.
If it's not working, or you can't see the changes you've made, wait a minute, and refresh the page.
Every time you commit changes, you can find the link of the deployed site at the same place.
Credits
Most of the contents written by me
Inspiration from Code Institute Rosie resume project
Zoyathemes webiste design themes
Inspiration for ReadMe file is Krisztina Szabó Personal Portfolio Website
My mentor excellence_mentor llesamni for guidance
Tutor Support Code Institute
Slack Community
Media
The picture in the page is random professional working women from google
The projects picture is the random picture from Google free images
I learned a lot from browsing the templates on W3Schools
Slack Community was the greatest help me problem solving
Disclaimer
The words and sentences, Pictures and attachments used in this project is imaginary and educational purposes only.