Repository files navigation

A collection of React apps built byJack Oliver and blogged bySophia Shoemaker and theFullstack React team.

Check out the fullCodePen collection here.

We are excited to be partnering withJack Oliver, a designer and developer who is embarking on an ambitious project to create100 React UI components in 100 days.

In the series, we will be taking Jack Oliver's code and design and desconstructing them to give you a step-by-step picture of how all the pieces fit together and hopefully inspire you to write some React code of your own.

Day	Preview	Description	Blog
001		Create a sign-up form	✅ 🐬 ➡️
002		Checkout form	✅ 🐬 ➡️
003		Netflix Landing Page	✅ 🐬 ➡️
004		3D Calculator	✅ 🐬 ➡️
005		Weather App Icon	✅ 🐬 ➡️
006		Profile Page	✅ 🐬 ➡️
007		Reactagram	✅ 🐬 ➡️

All of Jack Oliver's original designs and code are hosted on Codepen. For the purposes of this blog series, we have created this Github repository containing all the code for each daily component.

We've used thecreate-react-app tool to set up our environment. To run the codecd into each individual folder and run the following commands:

1. npm install will install all the libraries you'll need to get each Daily UI running.

2. npm start compiles all of your files and boots up a dev server. Browse tolocalhost:3000 to find your application running.

You'll need to havenode andnpm installed on your machine to run the commands. Head over to thenode.js website and download the neccessary files to get those installed.

This series is a joint effort between:

• Jack Oliver
• Sophia Shoemaker
• The Fullstack React Team

git clone https://github.com/fullstackreact/react-daily-ui.gitcd react-daily-ui

This React Daily UI repository was built alongside the React Daily UI blog series.

This repo was written and is maintained by theFullstack React team. In the book we cover many more projects like this. We walk through each line of code, explain why it's there and how it works.

This collection React application only a sample of what our book offers. If you're looking to learn React, there's no faster way than by spending a few hours with the Fullstack React book.