https://github.com/abdallahhemdan/instafolio

👋 Instafolio is a simple fully responsive portfolio website for Instabug coding challenge using ReactJS.
https://github.com/abdallahhemdan/instafolio

coding-challenge hemdan instabug instafolio insternship portfolio portfolio-website react-router reactjs

Last synced: 5 months ago
JSON representation

👋 Instafolio is a simple fully responsive portfolio website for Instabug coding challenge using ReactJS.

• Host: GitHub
• URL: https://github.com/abdallahhemdan/instafolio
• Owner: AbdallahHemdan
• License: mit
• Created: 2020-05-10T19:51:04.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2025-04-24T18:32:45.000Z (10 months ago)
• Last Synced: 2025-05-06T17:59:02.558Z (9 months ago)
• Topics: coding-challenge, hemdan, instabug, instafolio, insternship, portfolio, portfolio-website, react-router, reactjs
• Language: JavaScript
• Homepage:
• Size: 2.05 MB
• Stars: 19
• Watchers: 1
• Forks: 2
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          




  

![Instafolio2](https://user-images.githubusercontent.com/40190772/83821990-2ad17580-a6d0-11ea-86b7-239bf0f94cb4.png)






Instafolio




[![Codacy Badge](https://api.codacy.com/project/badge/Grade/518014b5f7ca40aa9759702960d1f6ac)](https://app.codacy.com/manual/AbdallahHemdan/Instafolio?utm_source=github.com&utm_medium=referral&utm_content=AbdallahHemdan/Instafolio&utm_campaign=Badge_Grade_Dashboard)

[![GitHub contributors](https://img.shields.io/github/contributors/AbdallahHemdan/Instafolio)](https://github.com/AbdallahHemdan/Instafolio/contributors)

[![GitHub issues](https://img.shields.io/github/issues/AbdallahHemdan/Instafolio)](https://github.com/AbdallahHemdan/Instafolio/issues)

[![GitHub forks](https://img.shields.io/github/forks/AbdallahHemdan/Instafolio)](https://github.com/AbdallahHemdan/Instafolio/network)

[![GitHub stars](https://img.shields.io/github/stars/AbdallahHemdan/Instafolio)](https://github.com/AbdallahHemdan/Instafolio/stargazers)

[![GitHub license](https://img.shields.io/github/license/AbdallahHemdan/Instafolio)](https://github.com/AbdallahHemdan/Instafolio/blob/master/LICENSE)



## Table of Contents

- [About the Project](#about-the-project)

  - [Build with](#build-with)

- [Getting Started](#getting-started)

  - [Installation](#installation)

  - [Running](#running)

- [Screenshots](#screenshots)

- [File Structure](#file-structure)

- [License](#license)

## About The Project

> **Instafolio** is a simple fully responsive portfolio website for **Instabug** coding challenge .

### Build with

- [React JS](https://reactjs.org/)

- [React Router](https://reacttraining.com/react-router/web/guides/quick-start)

## Getting Started

> This is an list of needed instructions to set up your project locally, to get a local copy up and running follow these instructuins.

### Installation

1. **_Clone the repository_**

```sh

$ git clone https://github.com/AbdallahHemdan/Instafolio.git

```

2. **_Navigate to repository directory_**

```sh

$ cd Instafolio

```

3. **_Install dependencies_**

```sh

$ npm install

```

### Running

1. **_Running on development mode_**

```sh

$ npm run start

```

2. **_build for production and launch server_**

```sh

$ npm run build

$ npm run start

```

## Screenshots

#### 🌞 Light Theme



 

![image](https://user-images.githubusercontent.com/40190772/81760232-fd295000-94c6-11ea-9749-4178185efd3a.png)

![image](https://user-images.githubusercontent.com/40190772/81760354-46799f80-94c7-11ea-90bb-364e83337e2c.png)

![Instafolio-light](https://user-images.githubusercontent.com/40190772/81766630-c9562680-94d6-11ea-9baf-ef9aae5ebda1.png)

![image](https://user-images.githubusercontent.com/40190772/81760824-9147e700-94c8-11ea-8041-af5b191525a7.png)

![image](https://user-images.githubusercontent.com/40190772/81761087-4bd7e980-94c9-11ea-91e2-c2dabdd1e40f.png)

![image](https://user-images.githubusercontent.com/40190772/81772012-f27db380-94e4-11ea-9c0b-5fd89c233904.png)




#### 🌙 Dark Theme



 

![image](https://user-images.githubusercontent.com/40190772/81760280-1af6b500-94c7-11ea-9fe9-1c449ac32fdd.png)

![image](https://user-images.githubusercontent.com/40190772/81760324-35309300-94c7-11ea-9910-9594578ae250.png)

![Instafolio-dark](https://user-images.githubusercontent.com/40190772/81766536-9e6bd280-94d6-11ea-949e-31d2e4ad568a.png)

![image](https://user-images.githubusercontent.com/40190772/81761025-1cc17800-94c9-11ea-9a7f-e2910c3aa02d.png)

![image](https://user-images.githubusercontent.com/40190772/81761066-3d89cd80-94c9-11ea-950f-3b002a58e1c0.png)

![image](https://user-images.githubusercontent.com/40190772/81771996-e3970100-94e4-11ea-83e7-c1cd111175cc.png)




## File Structure

                                    

    Instafolio

    ├── README.md

    ├── LICENSE

    ├── node_modules

    ├── package.json

    ├── .gitignore

    ├── build

    ├── public

    │   ├── index.html

    │   └── Logo.svg

    └── src

        ├── assets

        │   └── images

        ├── api	

        |   └── fake.js	

        ├── components	

        |   ├── About

        |   ├── ContactMe

        |   ├── Footer

        |   ├── InstaBtn

        |   ├── Navbar

        |   ├── Projects

        |   ├── ProjectCard

        |   └── Skills

        ├── pages	

        |   ├── Home	

        |   ├── Project	

        |   └── NoMatch	

        ├── routes	

        ├── utils	

        |   └── index.js	

        ├── App.css	

        ├── App.js	

        ├── index.css	

        ├── index.js	

        ├── App.test.js

        └── setupTests.js

 

## License

> This software is licensed under MIT License, See [License](https://github.com/AbdallahHemdan/Instanews/blob/master/LICENSE) for more information ©AbdallahHemdan.