DiogoCoelho98 / intern-react-challenge

This is a challenge, please have a look at the respective task description on our notion challenge page.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Business Card React App

This project is a simple React application that displays a business card styled box in the center of the screen. The text inside the box reads "Your business card". Please check the dedicated Notion page for further instructions on this project.

Prerequisites

Before you begin, ensure you have met the following requirements:

  • You have installed Node.js and npm. You can download them from nodejs.org.

Installation

Follow these steps to set up and run the project:

  1. Clone the repository (if you haven't already):
git clone <repository-url>
cd intern-react-challenge
  1. Install dependencies:
npm install
  1. Run the development server:
 npm start
  1. Open the app: Open your browser and navigate to http://localhost:3000 to see the business card styled box in the center of the screen.

Project Structure

  • public/index.html: The main HTML file that includes the Montserrat font link.
  • src/App.js: The main React component that renders the BusinessCard component.
  • src/BusinessCard.js: The React component for the business card styled box.
  • src/BusinessCard.css: The CSS file for styling the business card component.
  • src/App.css: The CSS file for global styles.

Adding More Features

Feel free to extend the functionality and styling of this app. You can add more components, styles, and features as needed.

Contact

If you have any questions or need further assistance, please contact us.

My point of view

I believe that simplicity is the key to solving the vast majority of problems we encounter. With that in mind, I decided to pursue a more minimalist design that also represents my extroverted personality and showcases some of my skills. I hope you like the final result.

Thank you for your time and consideration.

Sincerely, Diogo.

email: diogocoelho19988@gmail.com linkedin: https://www.linkedin.com/in/diogo-coelho-9360a9268/

About

This is a challenge, please have a look at the respective task description on our notion challenge page.


Languages

Language:JavaScript 49.2%Language:CSS 42.0%Language:HTML 8.9%