GithubHelp home page GithubHelp logo

hetrox8 / portfolio1 Goto Github PK

View Code? Open in Web Editor NEW
5.0 1.0 0.0 1.55 MB

This is my personal portfolio website, The main languages used to complete this website include mainly Html and Css. You can go through it and see my previous projects

CSS 56.85% HTML 34.28% JavaScript 8.87%

portfolio1's Introduction

Portfolio: setup and mobile first

# πŸ“— Table of Contents

πŸ“– Portfolio: setup and mobile first

Portfolio: setup and mobile first a simple project structured and style using html , css and css flexbox.

πŸ›  Built With

Tech Stack

Client

Key Features

  • Html5.
  • Css Flexbox
  • Linters for Html& Css only

(back to top)

πŸ’» Getting Started

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

Prerequisites

In order to run this project you need:

  • A Standard web Browser, Google Chrome Prefferd
  • A Text editor , I recommed to use Visual Studio Code.
  • Git and Git bash for making changes easy on the remote repo.

Setup

Clone this repository to your desired folder or download the Zip folder:

    "git clone https://github.com/Suleiman/Portfolio-Project.git"
  • Navigate to the path of your directory on you local machine:
    cd ./my-folder/

Install

Install all dependencies:

    "npm install"

Usage

To run the project, follow these instructions:

  • You have to clone this repo to your local machine.
  • If you want to run it on your preferred browser, run:
     " open this file in a text editor like Vs Code and run using  live Server"

Run tests

To run tests, run the following command:

  • HTML linter errors run:
npx hint .
  • CSS linter errors run:
npx stylelint "**/*.{css,scss}"
  • For unit testing, run:
npm test

Deployment

This Project can be deployed Using the official Github page

(click here)

Presentation

This is a Presentation of the project

(Click here

πŸ‘€ Author

(back to top)

πŸ”­ Future Features

  • inject projects section.
  • Inject about myself section.
  • Inject CSS grid.
  • Configure the sections for PC/Tab versions.
  • inject Bootstrap.

(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 feel impressed with this project leave a Star and Suggest changes

(back to top)

πŸ™ Acknowledgments

  • I really am Thankfull for the Microverse Community for their Support till the Completion of this Project.

(back to top)

πŸ“ License

This project is MIT licensed.

(back to top)

portfolio1's People

Contributors

hetrox8 avatar ajroudirida avatar nalianachei2020 avatar obimbo07 avatar

Stargazers

zilola avatar  avatar Shalini Nayan avatar δΉ…η»ŠA avatar Zuheb Ahmed avatar

Watchers

 avatar

portfolio1's Issues

Peer-to-Peer Code Review

Good job on your code!

  • Try double checking the activity's instructions. The bootstrap exercise should've been a separate repository.
  • I'm curious that for the cards regarding your portfolio you used a "nav" class.
  • Try being mindful of your git commits and pull descriptions so that your commit history is more professional and clearer to read.
  • Be sure to give an id tag to your sections so that you can navigate through your page easier (try looking into href=section-name)!
  • Did you look to use a "fixed-top" nav bar? Try using it alongside scrollspy for a fluid website structure!
  • Have you checked out the spyscroll feature in bootstrap? You could use something like <body data-bs-spy="scroll" data-bs-target=".navbar" data-bs-offset="50">

Peer to Peer code review

You did a great job working on your desktop version but there are still some changes you need to work on before continuing.

  1. Please try as much as possible to stick to the Figma design because your background image is different.
  2. Please remove the commented code which is not necessary. This will make your code more professional and easy to read for other developers.

Peer-to-peer code review.

Welldone Suleiman, your project is great, but I suggest you add the dots after Canopy and Back-end dev as it is in the figma design given to us.

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.