https://github.com/b-l-u-e/digital-business-card
Built digital business card using REACT JS
https://github.com/b-l-u-e/digital-business-card
Last synced: 5 months ago
JSON representation
Built digital business card using REACT JS
- Host: GitHub
- URL: https://github.com/b-l-u-e/digital-business-card
- Owner: b-l-u-e
- Created: 2024-07-15T08:13:28.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-07-17T03:59:21.000Z (almost 2 years ago)
- Last Synced: 2024-12-30T02:51:25.212Z (over 1 year ago)
- Language: CSS
- Homepage: https://digital-business-card03.netlify.app/
- Size: 14.8 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Digital Business Card
## Static Site Built with React JS
This project is a static site built using React JS, showcasing key concepts and the structure of a React application.
## Key Concepts of React
- **React**: A powerful JavaScript library for building user interfaces, particularly single-page applications, enabling the creation of dynamic and interactive web experiences.
- **Declarative**: Allows developers to describe what the UI should look like and let React handle the details.
- **Imperative**: Involves describing how to achieve each step, which is less common in React's approach.
## Components
Components are the core building blocks of React applications. They can be either functional or class-based. In this project, separate components were built for different parts of the site:
- **Info**: Displays a photo, name, and buttons.
- **About**: Provides information about the site or person.
- **Interests**: Lists interests or hobbies.
- **Footer**: Contains footer information.
## Requirements
To run this project locally, ensure you have the following:
- Node.js and npm installed
- React and other dependencies specified in `package.json`
## Installation
1: Clone the repository:
`git clone https://github.com/yourusername/your-repo-name.git`
2: Navigate to the project directory: `cd your-repo-name`
3: Install dependencies: `npm install`
4: Start the development server: `npm start`