fdezcaminero / figmaportfolio2023

This is a clone of Figma template 5. It is a sketch of a portfolio. I have no real portfolio at the moment. It is under development. Come back soon.

Figma Portfolio 5!

📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Install
  • Usage
  • Run tests
  • Deployment
• 👥 Author
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• 📝 License

📖 Figma Portfolio 5!

Figma Portfolio 5! is an experiment at creating a portfolio, based on a Figma template.

🛠 Built With

Tech Stack

Client

• HTML
• CSS
• Git

Key Features

• HTML
• CSS
• Great Design

(back to top)

🚀 Live Demo

• Live Demo!

(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:

• To clone the repository
• A browser

Setup

Clone this repository to your desired folder:

  cd desired-folder
  git clone https://github.com/fdezcaminero/figmaPortfolio2023.git

Install

Install this project with:

• A functioning browser

Usage

To run the project, execute the following command:

• Open the index.html file with a functioning browser

Run tests

To run tests, run the following command:

• Open your dev tools while running the project on your browser

Deployment

You can deploy this project using:

• We are not currently allowing this project to be deployed by fans.

(back to top)

Author

👤 José Fernández-Caminero

• GitHub: @fdezcaminero
• Twitter: @fdezcaminero
• LinkedIn: José Fernández-Caminero

(back to top)

🔭 Future Features

• [More responsiveness]
• [A footer]
• [JavaScript]

(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 send thanks to Microverse.

(back to top)

🙏 Acknowledgments

I would like to thank my code reviewer for showing me this README template.

(back to top)

📝 License

This project is MIT licensed.

(back to top)

figmaportfolio2023's Issues

PEER TO PEER CODE REVIEW DAY 4

Great job @fdezcaminero your code looks fine and everything works perfectly. but as the requirement for the project, you should use javascript to dynamically load the recent work cards.

Application deployment

https://fdezcaminero.github.io/figmaPortfolio2023/

See_Project_button

Hi @fdezcaminero you have done really well so far and your project looks nice.
Have noticed that the see project button is not displaying the pop up window as per the figma design. Kindly refer to figma template 5.

I think you can try toggling in javascript a class with display none css given to the parent element of the pop up model or give the parent element of the popup window a style display of visible and then display none when closing it using the javascript functionality in the event listener.

Issues for Portfolio

• Unneccessary letter-spacing if that's the default, and check if you have any other default value
• Choose to either use hexadecimals or named colours, but maybe not both for the same colour
• Be as DRY as possible for the paddings

Issues for Portfolio 2

• Pay attention of the font-size and padding changes between the Mobile and Desktop version.

Nesting issue

in #7 on line 18 to 22 of file index.html you should make <li> a direct child of <ul> instead of nesting it inside a <div>