This project is a simple and stylish business card created using React and plain CSS. It serves as a hands-on exercise for learning React, and it was developed as part of a Scrimba teaching lesson.
-
Responsive Design: The business card is designed to be responsive, ensuring a seamless viewing experience across various devices and screen sizes.
-
React Components: The project is built using React components, showcasing the modular and reusable nature of React.
-
Plain CSS Styling: The styling is done using plain CSS, demonstrating the fundamental concepts of styling in web development.
-
Vite Build Tool: The project is set up with Vite, a fast build tool that enhances the development experience by providing a quick and efficient development server.
Follow these steps to get the project up and running on your local machine:
-
Clone the repository:
git clone https://github.com/dimitriskd/Business-Card.git
-
Navigate to the project directory:
cd business-card -
Install dependencies:
npm install
-
Start the development server:
npm run dev
This will launch the application locally. Open your browser and go to
http://localhost:####to view the business card.
-
src/components: Contains React components used to build the business card.
-
styles.css: Holds the CSS for styling the business card.
-
public: Includes the
card-preview.pngimage and other public assets.
-
React: A JavaScript library for building user interfaces.
-
Vite: A fast build tool that enhances the development experience.
This project was developed as part of a Scrimba teaching lesson. Special thanks to Scrimba for providing an interactive platform for learning web development.
"https://github.com/dimitriskd"
Feel free to customize this README file according to your project's specific details and requirements.
Happy coding! 🚀