Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/nrenner0211/huddle

Marketing themed webpage with reusable styled React components.
https://github.com/nrenner0211/huddle

react styled-components

Last synced: 9 days ago
JSON representation

Marketing themed webpage with reusable styled React components.

Awesome Lists containing this project

README

        

# huddle

## Table of Contents

- [huddle](#huddle)
- [Table of Contents](#table-of-contents)
- [About](#about)
- [Tech Stack](#tech-stack)
- [Installation](#installation)
- [Clone Repository](#clone-repository)
- [Install Dependencies](#install-dependencies)
- [Start Application](#start-application)
- [Links](#links)
- [Contact](#contact)

## About

A simple marketing webpage with React Styled Components. I used [this](https://youtu.be/02zO0hZmwnw) awesome tutorial from Traversy Media to get started.

## Tech Stack

- React
- `styled-components` npm package

## Installation

### Clone Repository

`git clone [email protected]:nrenner0211/huddle.git`

### Install Dependencies

All NPM packages required for this application are already listed as dependencies in the package.json file. Run the command `npm i` in your terminal at the root directory level to install the packages.

### Start Application

Run the command `npm start` in your terminal. You can then view the app on [localhost:3000](http://localhost:3000/)!

## Links

[Repository](https://github.com/nrenner0211/huddle)

[Deployed](https://nrenner0211.github.io/huddle/)

## Contact

[![Linkedin Badge](https://img.shields.io/badge/-nrenner0211-blue?style=flat-square&logo=Linkedin&logoColor=white&link=https://www.linkedin.com/in/nicolette-renner/)](https://www.linkedin.com/in/nicolette-renner/)
[![GitHub Badge](https://img.shields.io/badge/-nrenner0211-7261A3?style=flat-square&logo=Github&logoColor=white&link=https://github.com/nrenner0211)](https://github.com/nrenner0211)
[![Gmail Badge](https://img.shields.io/badge/[email protected]?style=flat-square&logo=Gmail&logoColor=white&link=mailto:[email protected])](mailto:[email protected])