https://github.com/romashka-dev/birthday-buddy
ReactJS advanced: Birthday Buddy app
https://github.com/romashka-dev/birthday-buddy
Last synced: 5 months ago
JSON representation
ReactJS advanced: Birthday Buddy app
- Host: GitHub
- URL: https://github.com/romashka-dev/birthday-buddy
- Owner: romashka-dev
- License: mit
- Created: 2024-12-25T17:10:27.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-25T20:30:41.000Z (over 1 year ago)
- Last Synced: 2024-12-25T21:19:33.077Z (over 1 year ago)
- Language: CSS
- Homepage: https://bday-buddy.netlify.app/
- Size: 1.14 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Birthday Buddy °🥂⋆.ೃ🍾࿔\*:･
[](https://app.netlify.com/sites/bday-buddy/deploys)
This ReactJS application demonstrates the basics of working with state, lists, and components.
## Figma URL
[Birthday Buddy](https://www.figma.com/file/e2vsLe9DMnXZIygNHkwGL1/Birthday-buddy?node-id=0%3A1&t=AGNWdO5QQGOoNCfD-1)
## The development process included the following steps:
**1. Data Import:** An array of objects containing information about people (name, age, and image URL) is used as the initial data source.
**2. State Setup:** The data is integrated into the component using the useState hook for dynamic management.
**3. List Rendering:** The List and Person components display the list of people using the map method.
**4. Clear Button:** Functionality to clear the list by resetting the state has been implemented.
## Getting Started
Follow these steps to set up the project on your local machine:
### Prerequisites
Ensure you have the following installed:
- [Node.js](https://nodejs.org/)
- [npm](https://www.npmjs.com/) or [yarn](https://yarnpkg.com/)
### Installation
1. **Clone the repository:**
```bash
git clone https://github.com/yourusername/birthday-buddy.git
cd birthday-buddy
```
2. **Install dependencies:**
```
npm install
# or
yarn install
```
3. **Start the development server:**
```
npm run dev
# or
yarn dev
```
4. **Open the application in your browser:**
```
http://localhost:5173
```
### Contributing
Contributions are welcome! Please fork this repository and submit a pull request with your improvements.
### License
This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.