https://github.com/fmanimashaun/fmanimashaun.github.io

A personal portfolio website built with React.js and styled using Sass. Employs the 7-1 architecture for organized styling, BEM naming conventions for maintainability, and a responsive design for optimal viewing across devices
https://github.com/fmanimashaun/fmanimashaun.github.io

Last synced: about 13 hours ago
JSON representation

A personal portfolio website built with React.js and styled using Sass. Employs the 7-1 architecture for organized styling, BEM naming conventions for maintainability, and a responsive design for optimal viewing across devices

• Host: GitHub
• URL: https://github.com/fmanimashaun/fmanimashaun.github.io
• Owner: fmanimashaun
• License: mit
• Created: 2024-03-26T12:21:23.000Z (8 months ago)
• Default Branch: dev
• Last Pushed: 2024-07-29T09:04:07.000Z (4 months ago)
• Last Synced: 2024-10-09T07:41:32.192Z (about 1 month ago)
• Language: SCSS
• Homepage: https://fmanimashaun.github.io/
• Size: 4.27 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
![](https://img.shields.io/badge/fmanimashaun-green)

# Personal Portfolio Page

## 📗 Table of Contents

- [📖 Overview](#about-project)

  - [🛠 Built With](#built-with)

    - [Tech Stack](#tech-stack)

    - [Key Features](#key-features)

  - [🚀 Live Demo](#live-demo)

- [💻 Getting Started](#getting-started)

  - [Setup](#setup)

  - [Prerequisites](#prerequisites)

  - [Install](#install)

  - [Run tests](#run-tests)

  - [Deployment](#deployment)

- [👥 Authors](#authors)

- [🔭 Future Features](#future-features)

- [🤝 Contributing](#contributing)

- [⭐️ Show your support](#support)

- [🙏 Acknowledgements](#acknowledgements)

- [📝 License](#license)

## 📖 Overview 

A personal portfolio website built with React.js and styled using Sass. Employs the 7-1 architecture for organized styling, BEM naming conventions for maintainability, and a responsive design for optimal viewing across devices

## 🛠 Built With 

### Tech Stack 

- [react](https://react.dev/)

- [npm](https://www.npmjs.com/)

- [Git](https://git-scm.com/)

- [GitHub](https://github.com)

- [Stylelint](https://stylelint.io/)

- [ESLint](https://eslint.org/)

- [SASS](https://sass-lang.com/)

- [Prop-Type](https://github.com/facebook/prop-types)

- [Gh-pages](https://github.com/tschaub/gh-pages)

### Key Features 

- [x] Responsive design

- [x] Single-page portfolio design

## 🚀 Live Demo 

> [Live Demo Link](https://fmanimashaun.github.io)



  



## 💻 Getting Started 

- [Optional] Install git bash to your machine to enable you to clone this repo.

- install Visual Studio to be able to host a local live version.

- Install a browser to view the local live version.

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

### Setup 

- Open your GitHub account the repository's [link](https://github.com/fmanimashaun/fmanimashaun.github.io)

### Prerequisites 

- Internet connection

- A github account

### Install 

- copy the repo's link and clone it by writing `git clone https://github.com/fmanimashaun/fmanimashaun.github.io.git` on your git bash terminal.

- `npm install` to install the dependencies.

### Run tests 

- You can check for errors by running linter tests found in the github flows.

### Deployment 

- run `npm run start` to run it locally.

## Authors 

👤 **Engr. Animashaun Fisayo**

- [GitHub](https://github.com/fmanimashaun)

- [Twitter](https://twitter.com/fmanimashaun)

- [LinkedIn](https://www.linkedin.com/in/fmanimashaun/)

- [Website](https://fmanimashaun.com)

## 🔭 Future Features 

- [ ] Add various page components.

## 🤝 Contributing 

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

## ⭐️ Show your suppor 

Give a ⭐️ if you like this project!

## 🙏 Acknowledgements 

- [Joshua (Promise) Bamigboye](https://www.linkedin.com/in/joshua-bamigboye-104710236/) for Figma design

## 📝 License 

This project is [MIT](./LICENSE) licensed.