Profile Card Component

ReactJS
Explore the ReactJS's docs »

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Installation
3. Usage
4. Contributing
5. Status
6. License
7. Contact
8. Acknowledgements

1. About The Project 📍

Challenge from frontmentor.io to develop a profile card component, I chose to code this project in reactJS as base technology because in want to specialize on it. 😄

It was my first time developing something in reactJS, which was really nice and challenging because I had some issues that took me long hours to solve but at last I was able to find solutions to all them by searching and reading documentation and blogs. 🌠

Built With 💻

This component is developed with:

• HTML version: 5
• SASS version: 1.32.8
• SASS loader version: 11.0.1
• Bootstrap version: 4.6.0
• React version: 17.0.1
• React DOM version: 17.0.1
• React scripts version: 4.0.2
• Normalize version: 8.0.1
• Javascript version: ECMAScript 6+

2. Getting Started 🔥

If you want to check out the component the component deployed with github pages visit the link below.

• Link to the project:

  https://darubiomunoz.github.io/portfolio-06-profilecardcomponent/]

Installation ❗

1. Clone the repo

   git clone https://github.com/darubiomunoz/portfolio-06-profilecardcomponent.git

   git clone git@github.com:darubiomunoz/portfolio-06-profilecardcomponent.git

2. Run the react development server:

   npm run start

3. Usage 🌟

Feel free to download the code if you need a template for a profile component and modify it as you want to fit your project, just remember to install all the required dependencies to run it properly.

For more knowledge, please refer to the Documentation

4. Contributing 🎉

Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

5. Status 📝

The project is Finished.

6. License 📝

Distributed under the MIT License. See LICENSE for more information.

7. Contact 📧

Diego Rubio Linkedin darubiomunoz@gmail.com

Project Link: https://darubiomunoz.github.io/portfolio-06-profilecardcomponent

8. Acknowledgements 👏

• Stiven Jimenez - Thanks for answering my questions and the help!
• Front-end Mentor
• HTML
• SASS
• SASS loader
• Bootstrap
• React
• React DOM
• React scripts
• Normalize
• Javascript

©️ Diego Rubio - 2021