Giter VIP home page Giter VIP logo

msalyhu_portfolio's Introduction

logo

MSalyhu Portfolio

📗 Table of Contents

📖 MSalyhu-Portfolio

MSalyhu-Portfolio is a project that has information about Muhammad Aminu Salihu, it contains his work , skills and professionalism.

🛠 Built With

1-HTML. 2-CSS. 3-JavaScript. 3-LINTERS.

Tech Stack

Client

Key Features

  • Added index.html file
  • Added style.css file.
  • Added main.js file.

(back to top)

🚀 Live Demo

(back to top)

💻 Getting Started

To get a local copy up and running, follow these steps.

Prerequisites

1- Web browser 2- Code editor 3- Version Control System (git)

Setup

Clone this repository to your desired folder:

Run this commands:

cd my-folder
git clone https://github.com/mohashyne/MSalyhu_portfolio.git

Install

Install this project with:

Run this command:

  cd MSalyhu_portfolio
  npm install

Usage

To run the project, execute the following command:

launch index.html using live server or live preview

(back to top)

Deployment

You can deploy this project using: Github Pages.

GitHub Pages allows you to host static websites directly from your GitHub repository.

To deploy this project using GitHub Pages, follow these steps:

Ensure that your project has a docs folder at the root directory. If it doesn't exist, create one and place all the necessary static files (HTML, CSS, JavaScript, etc.) inside this folder.

Push your code to a branch (e.g., main or master) in your GitHub repository.

Go to your GitHub repository's settings.

Scroll down to the GitHub Pages section.

In the "Source" drop-down menu, select the branch you want to deploy (e.g., main).

Select the /docs folder as the source.

Click on the "Save" or "Apply" button to save the changes.

GitHub Pages will build and deploy your project. Once the deployment process is completed, you will see a green success message along with the URL where your project is hosted.

Visit the provided URL to view your deployed project.

Please note that it may take a few moments for GitHub Pages to build and deploy your project. Additionally, ensure that your project is set up correctly with the necessary HTML, CSS, and JavaScript files in the docs folder for it to be deployed successfully.

(back to top)

👥 Authors

👤 Muhammad Aminu Salihu

(back to top)

🔭 Future Features

  • [Add Header]
  • [Add Main]
  • [Add footer]
  • [Add styling]
  • [Add JavaScript functions]

(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 hit the like button

(back to top)

🙏 Acknowledgments

I will like to thanks microverse and mosh hamedani for putting me through in this project.

(back to top)

📝 License

This project is MIT licensed.

(back to top)

msalyhu_portfolio's People

Contributors

mohashyne avatar pulgosodog avatar sergio-usma avatar

Stargazers

Ricardo Martínez avatar Ali Akbar Sazish avatar Demes Abera Ameneshoa avatar Claudia P. R. Soto avatar Musangamfura Emmanuel avatar avatar

Watchers

avatar

msalyhu_portfolio's Issues

Morning Session-Week 5 Comments

  • (RECOMMENDATION) Just as advice, you can add comments on your HTML to separate your sections and get a more organized code, separating your HTML with comments can get your code easier to recognize your sections and code lines.
  • Perfect coding styling and functions

128382030-38e7de91-f6f2-45cf-b54e-8068e0446e4c

W3D5 - Peer-to-peer code review

🌟 Highlights

  • Visual appeal: The project showcases a visually appealing and aesthetically pleasing design, utilizing appropriate color schemes, typography, and imagery.
  • User-friendly navigation: The portfolio features intuitive and easy-to-use navigation, allowing visitors to explore different sections and projects effortlessly.
  • Content organization: The project effectively organizes and presents the portfolio content, providing clear sections for projects, about me, skills, and contact information.

👀 Things to consider

  • Beware of setting height and width to flexbox content. Remember that the purpose of Flexbox is to adapt and change. Limiting those values disables his capacity to be responsive to the content it is holding. If in any case, you need to do so, use Relative length units related to the container like % or the size of the screen: vw or vh
  • Margins on the left and right of the webpage are not responsive in adequate proportion. Please consider the usage of .grid and .container as general frames in your CSS style file.
  • Please ensure that you are using the appropriate resolution for your pictures and background. Currently, the pixelation is quite noticeable, and it would be beneficial to improve the image quality.

Code review - Morning Session

Hello Muhammad,

You did great work on the Portfolio Website!

Suggestions:

  • Keep your repo with minimal branches open, you don't need branches that are old and won't be useful anymore.
  • On the website you could add your real social media handles, and also add a Project to it.
  • In the Project Section the first project is with image and text inverted.
  • Still in the project section, the alignment between text and image could be improved for readability.

Happy coding.

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.