/First-Capstone-Project

This was my first milestone when i enter in Microverse, and this project takes all the things i learn in the first module. You can find use of HTML, CSS, Local Storage and Responsive Design.

Primary LanguageHTMLMIT LicenseMIT

Portfolio Project Final Desktop version

📗 Table of Contents

📖 [Portfolio]

[Capstone Project] is the last project in the first module in the Microverse course the objective is start making projects with a orientation to the real world statements of working in functional and professional websites. Iam proud to say i finish the first version, and alredy count with functionalities, and features that makes this project alredy functional, as well i take care of the design trying to replicate the design of Cindy Shin. So please, give it a try and test my page, enjoy!

🛠 Built With

  • HTML
  • CSS
  • JAVASCRIPT

Tech Stack

Client

Key Features

  • [In the project i been using HTML, CSS and Javascript]
  • [Flexbox for the design and Responsive design]
  • [Also the page is deploied in GitHub Pages]

(back to top)

🚀 Live Demo

(back to top)

💻 Getting Started

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

Prerequisites

In order to clone this project you need:

◦ Installation of Git ◦ Installation of NPM ◦ A working browser ◦ Internet connection ◦ A code editor like Visual Studio Code ◦ Installation of Live Server plugging in Visual Studio Code

Setup

To setup and install this project, follow the below steps:

  • Clone this project by the command:
$ git clone https://github.com/SaveryIV/Portfolio-Responsive.git
  • Then switch to the project folder by the bellow query:
$ cd Portfolio-Responsive

Install

For setting up the linters you need:

-Follow the steps mentionated in this article https://github.com/microverseinc/linters-config/tree/master/html-css

Usage

To run the project:

-Download the extension Live Server for Ritwick Dey. -Then close and open again VScode. -When you open the folder of the project in your local machine, in the lower left of your screen, you gonna see a item what says "Go Live". -Press that button and set the developers tools and select your toggle device toolbar. -And enjoy the project!.

(back to top)

👥 Authors

👤 Agustin Soria Meza

(back to top)

🔭 Future Features

  • [Deploy and functionalities with React.js]
  • [Use of databases like Ruby or MySQL]

(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 share it with others you think can help to learn something new

(back to top)

🙏 Acknowledgments

  • Thanks to the Microverse team for the great curriculum.
  • Thanks to the Code Reviewer(s) for the insightful feedback.
  • Cindy Shin the author of the original design www.behance.net

(back to top)

📝 License

This project is MIT licensed.

(back to top)