Code Monkey home page Code Monkey logo

admirerbrown / portfolio Goto Github PK

View Code? Open in Web Editor NEW
9.0 1.0 0.0 2.4 MB

My portfolio website built with HTML, CSS, and JavaScript is sleek and modern, showcasing my skills, experience, and projects in a professional and minimalist design. Its responsive layout ensures it looks great on all devices. Check it out to learn more about me and my unique strengths!

Home Page: https://admirerbrown.github.io/portfolio/

License: MIT License

HTML 26.50% CSS 43.50% JavaScript 30.00%
css html5 javascript-es6

portfolio's Introduction

๐Ÿ“– Portfolio Website

My portfolio website built with HTML, CSS, and JavaScript is sleek and modern, showcasing my skills, experience, and projects in a professional and minimalist design. Its responsive layout ensures it looks great on all devices. Check it out to learn more about me and my unique strengths!

๐Ÿ“— Table of Contents

๐Ÿ›  Built With

Tech Stack

Server
Database
  • API

Key Features

Responsive Design My website has a responsive design so that visitors can access my portfolio easily and comfortably on any device they may be using, whether it's a desktop computer or a smartphone.

Showcase Projects The centerpiece of my portfolio website is a showcase of my work, featuring examples of my projects and accomplishments. I presented each project with a brief description and links to more information, giving visitors a sense of my skills and expertise. This showcase demonstrates my ability to create high-quality work and provides concrete evidence of my capabilities to potential clients or employers.

My Profile Website includes a summary profile section that highlights my professional experience, education, skills, and achievements. This profile section is designed to give potential employers or clients a clear understanding of my background and expertise.

(back to top)

๐Ÿš€ Live Demo

(back to top)

๐Ÿ’ป Getting Started

  • Open GitHub URL of repositry.

  • Download Code repo in zip.

  • Extract and open repo folder into visual studio code or any other Text Editor Software.

  • GitHub Repositry URL: https://github.com/admirerbrown/portfolio.git To get a local copy up and running follow these simple example steps.

    git clone https://github.com/admirerbrown/portfolio.git

Prerequisites

  • Visual Studio Code
  • Knowldege About HTML / CSS / JAVASCRIPT ES6
  • Webhint
  • Stylelint
  • ESLint
  • node_modules checker
  • Github

Install

Install this project with:

  npm install

Usage

To run the project in a development server, execute the following command:

  open live Server

Deployment

You can deploy this project using:

https://netlify.app/ OR GITHUB PAGES

(back to top)

Authors

๐Ÿ‘ค Samuel Kyere

(back to top)

๐Ÿ”ญ Future Features

  • Add more aesthetic features
  • Improve with React

(back to top)

๐Ÿค Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

โญ๏ธ Show your support

If you like this project please follow me on github and give stars to my repo.

(back to top)

๐Ÿ™ Acknowledgments

I would like to thank Microverse for providing me with the resources and guiding me to complete this project.

(back to top)

๐Ÿ“ License

This project is MIT licensed.

(back to top)

portfolio's People

Contributors

admirerbrown avatar jacintangwu avatar mhamedgd avatar wilhelmk109 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

portfolio's Issues

Morning Session: Peer to peer code review

Hi @admirerbrown ๐Ÿ‘‹

You have done very well in creating your portfolio, it looks really impressive. ๐Ÿ‘
Congratulations! ๐ŸŽ‰

Highlights ๐ŸŒŸ

  • Good commit messages โœ”
  • Good use of GitHub flow โœ”
  • Good replication of the template โœ”

Changes required ๐Ÿ’ช

  • Please add hamburger functionality based on the Figma template. When the hamburger button is clicked an overlay should appear. And the overlay should follow Figma design styling.

Your design
portfolioissue

The design template
portfolioissue1

Optional changes ๐Ÿ’ฏ

  • [OPTIONAL] Kindly add style to the badges
    I strongly recommend you take every comment with the [OPTIONAL] prefix into account as they can make your code better.

Cheers and Happy coding!๐Ÿ‘๐Ÿ‘๐Ÿ‘

Important Notes ๐Ÿ“

  • Feel free to leave any questions or comments in the Issues thread if something is not 100% clear.
  • Please, remember to tag me in your question so I can receive the notification.

Review code

Congratulations on finishing your portfolio

  • Nice work in using descriptive commit messages

  • Good use of semantic tags.

  • Nice work in using the correct GitHub flow

  • [OPTIONAL] In your README file, under the author section, you can include working links to your social profiles so that it will be easier for anyone interested to reach you

Bug: hide and seek

  • Found a bug in LN 27 & 28. See the image below
    image

  • I fixed it by adding a semi-colon. See the solution below.
    image

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.