Skip to content

Latest commit

 

History

History
135 lines (67 loc) · 3.81 KB

README.md

File metadata and controls

135 lines (67 loc) · 3.81 KB

URL: https://richa-pujara.netlify.app/

GitHub repo: https://github.com/RichaPujara/Portfolio


Description:

1. Purpose:

Currently this website is built as a part of an assignment for my Diploma in I.T. course. The purpose of the website is to showcase my learning to the educators and fellow developers. I intend to keep it updated in future and use it to showcase my skills and abilities to outer world, prospective employers looking to engage a developer and/or IT professional and prospective clients.

2. Functionality/features:

  • Home page:

    Home page features the Logo, name and brief description about me.

  • About Me page:

    These page contains little more information about my education and professional experiences. It also conatins a link to downloadable pdf Resume.

  • Blog Page:

    This page contains the blocks of text along with images. The individual blogs can be navigated through the navigation bar.

    The Navigation bar on the blogs page is in the form of side blocklist in the desktop view which converts into dropdown menu for tablet and mobile view to have access to the blog content in smaller screen.

  • Contact Me Page:

    The general contact information including address, phone no and Email address. Clicking on the email address directly opens the email client and phone opens the direct calling option (provided the user device has appropriate enabled features). It also contains a form through which the user can submit the query. The social media icons provides the direct links to the professional accounts.

  • Header:

    The header on each page consists of the logo and Navbar which provides acess to other pages of the site. Upon hovering the cursor changes to pointer and the text changes the color.

  • Footer:

    The footer on each page consists of copyrights and link to credits page. Various images and icons throughout the site have been utilized from online sources. Reference to these sources have been mentioned in the credits page.

    The footer also contains the social media icons which are linked to my professional accounts. These icons shows a little animation upon hovering to increase the user engagement.

  • Responsiveness-

    The website is designed to change the layout with changing device size.

3. Sitemap:

https://octopus.do/s118ll7ltsg

Screenshot of Visual sitemap

Sitemap Screenshot

4. Screenshots:

4.1 Desktop View

a. Home page

Desktop-Home

b. About Me page

Desktop-About-Me

c. Blogs Page

Desktop-Blogs

d. Contact page

Desktop-Contact-Me

e. Credits page

Credits

4.2 Tablet View

a. Home page

Tablet-Home

b. About Me page

Tablet-About-Me

c. Blogs Page

Tablet-Blogs

d. Contact Me page

Tablet-Contact-Me

e. Credits page

Credits

4.2 Mobile View

a. Home page

Mobile-Home

b. About Me page:

Mobile-About-Me

c. Blogs Page

Mobile-Blogs

d. Contact Me page:

Mobile-Contact-Me

e. Credits page Credits

5. Target Audience:

Educators, Fellow developers, prospective employers who are looking to engage developer and/or IT professional and prospective clients.

6. Tech Stack:

HTML5 and CSS Deployment platform: Netlify