GithubHelp home page GithubHelp logo

diogocoelho98 / intern-react-challenge Goto Github PK

View Code? Open in Web Editor NEW

This project forked from leaphack/intern-react-challenge

0.0 0.0 0.0 2.75 MB

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

JavaScript 49.16% CSS 41.97% HTML 8.86%

intern-react-challenge's Introduction

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: [email protected] linkedin: https://www.linkedin.com/in/diogo-coelho-9360a9268/

intern-react-challenge's People

Contributors

diogocoelho98 avatar noschix avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.