https://github.com/tsheporamantso/setup-mobile-project

In this project, I built a responsive portfolio using the Figma template provided by microverse. the projects section is added dynamically using a javaScript function. each project's card has a pop-up window containing the project details and a live link. the last section is the contact me form where I used JavaScript to validate the form's submiss
https://github.com/tsheporamantso/setup-mobile-project

css3 html javascript responsive-web-design

Last synced: 7 months ago
JSON representation

In this project, I built a responsive portfolio using the Figma template provided by microverse. the projects section is added dynamically using a javaScript function. each project's card has a pop-up window containing the project details and a live link. the last section is the contact me form where I used JavaScript to validate the form's submiss

• Host: GitHub
• URL: https://github.com/tsheporamantso/setup-mobile-project
• Owner: tsheporamantso
• Created: 2022-12-02T12:24:31.000Z (almost 3 years ago)
• Default Branch: master
• Last Pushed: 2023-01-10T10:45:21.000Z (almost 3 years ago)
• Last Synced: 2025-01-19T23:34:10.551Z (9 months ago)
• Topics: css3, html, javascript, responsive-web-design
• Language: CSS
• Homepage: https://tsheporamantso.github.io/Setup-Mobile-Project/
• Size: 2.99 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          




  
Personal Portfolio




# 📗 Table of Contents

- [📖 About the Project](#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)

  - [Usage](#usage)

  - [Run tests](#run-tests)

  - [Deployment](#triangular_flag_on_post-deployment)

- [👥 Authors](#authors)

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

- [🤝 Contributing](#contributing)

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

- [🙏 Acknowledgements](#acknowledgements)

- [❓ FAQ](#faq)

- [📝 License](#license)

# 📖 [Personal Portfolio] 

**[Personal Portfolio]** is about designing a mobile and desktop page of a personal portfolio.

 In this project, I built the Desktop & Mobile version of my portfolio using HTML5, CSS3 & ES6:

- [ ] Follow GitHub Flow

- [ ] Fix Linters Errors

- [ ] Use Grid and FlexBox

- [ ] Use JavaScript to manipulate DOM elements

- [ ] Follow HTML and CSS best practices

- [ ] Follow JavaScript best practices

## 🛠 Built With 

The entire project was built with only HTML5, CSS3 and ES6

### Tech Stack 

### Key Features 

- **[display navigation bar]**

- **[display social contact of the developer]**

- **[show developer description]**

(back to top)


## 🚀 Live Demo 

- [ https://tsheporamantso.github.io/Setup-Mobile-Project/]

- [ https://www.loom.com/share/bf9d3d907cdf431899be7fd83ec24459]

(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 code compiler like visual studio code

### Setup

Clone this repository to your desired folder: 

Use git clone command to clone this repository or download ZIP

(https://github.com/tsheporamantso/Setup-Mobile-Project.git)

### Install

Install this project with:

npm

### Usage

To run the project, execute the following command:

npm start or live server

### Run tests

To run tests, run the following command:

npm test

### Deployment

You can deploy this project using: 

Github pages

(back to top)


## 👥 Authors 

👤 **Gladwin Tshepo Ramantso**

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

- Twitter: [@ramgt001](https://twitter.com/home)

- LinkedIn: [Tshepo Gladwin Ramantso](https://www.linkedin.com/in/tshepo-ramantso-b6a35433/)

👤 **Amarachi Dimkpa**

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

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

- LinkedIn: [Amarachi Dimpka](https://www.linkedin.com/in/amarachi-dimpka-070643183)

👤 **Fatuma Hussein**

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

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

- LinkedIn: [Fatuma Hussein](https://www.linkedin.com/in/fatuma-hussein-48149917b/)

(back to top)


## 🔭 Future Features 

- [ ] **[add CSS Anamation and Transition]**

- [ ] **[Add Javascript functionality to manipulate DOM elements]**

(back to top)


## 🤝 Contributing 

Contributions, issues, and feature requests are welcome!

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

(back to top)


## ⭐️ Show your support 

If you like this project follow me on github and give a star.

(back to top)


## 🙏 Acknowledgments 

I would like to thank Microverse for the wonderful project, and also colleagues that I've collaborated with on this project.

(back to top)


## ❓ FAQ 

- **[Question_1]**

  - [Answer_1]

- **[Question_2]**

  - [Answer_2]

(back to top)


## 📝 License 

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

_NOTE: we recommend using the [MIT license](https://choosealicense.com/licenses/mit/) - you can set it up quickly by [using templates available on GitHub](https://docs.github.com/en/communities/setting-up-your-project-for-healthy-contributions/adding-a-license-to-a-repository). You can also use [any other license](https://choosealicense.com/licenses/) if you wish._

(back to top)

transition-anaimation-branch


master