Giter VIP home page Giter VIP logo

my-personal-portfolio's Introduction

My-Personal-Portfolio

Bhargavi

FullStack Web developer

Hello and welcome to My Personal Portfolio

About Me

  • 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

    1. Users will know the details about my work, education and experiences and contatct deatils.
    1. As a owner I can populate all my details for personal portfolio which can be accessed by the recruiters
    1. User will know complete details about me and will help in hiring me.
    1. As a new visitor of the website, I want to easily navigate on the page.
    1. As an interested client, I want to have a contact form easy to fill out.
    1. As a potential client, I want to get to know Bhargavi's background and personality to see if I want to hire her
    1. 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.
    1. 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.

wireframe wireframe wireframe

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.

Acknowledgement

There is always a scope for Improvement.

This site is Project Assesment Purpose only.

Bhargavi

Code Institute

2020

my-personal-portfolio's People

Contributors

bhargavi84 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.