Jumpstart React

Starter code for the project in the React Styling module of the React course.

Follow along with the classroom lessons to complete the project, or attend a live-stream session with your instructor from the Discord server.

create-react-app

This project uses the popular create-react-app (CRA) command to setup a modern React application. This way we can focus on the code itself, and not worry about configuring many build tools.

Since create-react-app doesn't let us override the PostCSS configuration natively, we also installed CRACO to be able to install and configure Tailwind.

The package.json file provides four scripts:

• start: Runs the app in the development mode.
• build: Builds the app for production to the build folder. It correctly bundles React in production mode and optimizes the build for the best performance.
• test: Launches the test runner in the interactive watch mode.
• eject: Remove create-react-app build dependency from your project.

Instructions

1. Clone the project repository: git clone https://github.com/AlterClassIO/jumpstart-react-tailwind

2. Navigate to the project folder: cd jumpstart-react-tailwind

3. Install the dependencies: npm install

4. Start the app in the development mode: npm start

5. Open http://localhost:3000 to view your React application in the browser

6. Follow along with the lesson.

7. Implement the project.

8. Submit!