Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/lauracole1900/holiday-ecard-2020

React-based holiday card for 2020
https://github.com/lauracole1900/holiday-ecard-2020

ecard happy-holidays holiday-card react reactjs

Last synced: 13 days ago
JSON representation

React-based holiday card for 2020

Awesome Lists containing this project

README

        

# Happy Holidays 2020

## Table of Contents

* [Description](#description)
* [Links](#links)
* [Screenshot](#screenshot)
* [Installation Instructions](#installation-instructions)
* [Usage](#usage)
* [Technologies Used](#technologies-used)
* [Tests](#tests)
* [Credits](#credits)
* [Contributing](#contributing)
* [Questions](#questions)
* [Badges](#badges)

## Description

This is a simple little React-based "Happy Holidays" animation using the Twinkling Night Sky animation by Sharna Hossain, react-simple-animate, react-bootstrap, react-confetti, and react-snowfall.

## Links

[Deployed application on GitHub Pages](https://lauracole1900.github.io/holiday-ecard-2020/)

## Screenshot

Happy Holidays:
![Happy holidays](images/happy-holidays-screenshot.png)

## Installation Instructions

npm install

## Usage

This project is intended to be used to wish you "happy holidays."

## Technologies Used

[![Node.js](https://img.shields.io/badge/built%20with-Node.js-3c873a)](https://nodejs.org/en/) [![React](https://img.shields.io/badge/built%20with-React-61dbfb)](https://reactjs.org/) [![React-Bootstrap](https://img.shields.io/badge/built%20with-React%20Bootstrap-61dbfb)](https://react-bootstrap.github.io/) [![React-confetti](https://img.shields.io/badge/built%20with-React%20Confetti-cc3534)](https://www.npmjs.com/package/react-confetti) [![React-simple-animate](https://img.shields.io/badge/built%20with-React%20Confetti-27243f)](https://www.npmjs.com/package/react-simple-animate) [![React-snowfall](https://img.shields.io/badge/built%20with-React%20Snowfall-cc3534)](https://www.npmjs.com/package/react-snowfall)

## Tests

npm run test

## Credits

Twinkling Night Sky animation by Sharna Hossain can be found on CodePen [here](https://codepen-staging.com/sharnajh/pen/WNvppRy)

## Contributing

N/A

## Questions

If you have further questions, you can reach me at [email protected]. For more of my work, see [my GitHub](https://github.com/LauraCole1900).

## Badges

[![License badge](https://img.shields.io/badge/license-MIT-008000)](./LICENSE) [![Open in Visual Studio Code](https://open.vscode.dev/badges/open-in-vscode.svg)](https://open.vscode.dev/LauraCole1900/holiday-ecard-2020)