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.
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.
-
Clone the project repository:
git clone https://github.com/AlterClassIO/jumpstart-react-tailwind -
Navigate to the project folder:
cd jumpstart-react-tailwind -
Install the dependencies:
npm install -
Start the app in the development mode:
npm start
-
Open http://localhost:3000 to view your React application in the browser
-
Follow along with the lesson.
-
Implement the project.
-
Submit!