https://github.com/bonnie/howd-react-components

Code for the Hands-on Web Dev newsletter project to create React components for a Quote Styling app
https://github.com/bonnie/howd-react-components

Last synced: 6 months ago
JSON representation

Code for the Hands-on Web Dev newsletter project to create React components for a Quote Styling app

• Host: GitHub
• URL: https://github.com/bonnie/howd-react-components
• Owner: bonnie
• License: agpl-3.0
• Created: 2024-06-05T16:33:20.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-06-24T16:54:07.000Z (over 1 year ago)
• Last Synced: 2025-02-08T17:31:50.567Z (8 months ago)
• Language: TypeScript
• Size: 580 KB
• Stars: 0
• Watchers: 1
• Forks: 1
• Open Issues: 6
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Hands-on Web Dev React Components

This code supports the "React Components" series from the [Hands-on Web Dev newsletter](https://newsletter.howd.dev).

To try the series, [start here](https://newsletter.howd.dev/challenges/017/)!

## Getting started

1. [Clone](https://docs.github.com/en/repositories/creating-and-managing-repositories/cloning-a-repository) or [fork](https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/working-with-forks/fork-a-repo) this project.

2. Run `npm install` to install the dependencies

3. Run `npm run dev` to start the dev server

4. Navigate to `localhost:3000` from a web browser

You should see a page that looks like this:

![mostly empty page with a pale green background and a footer leading to https://newsletter.howd.dev](./readme-images/scaffolding-home.png)

## This project uses...

- [Next.js](https://nextjs.org/)

- [TypeScript](https://www.typescriptlang.org/)

- [CSS modules](https://github.com/css-modules/css-modules)

- Josh W. Comeau's [delightful file structure](https://www.joshwcomeau.com/react/file-structure/)