#A Planetary project using React, React Router and Vite, as the build tool, showcasing pages using grids and flexboxes. The first part of the project used vanilla CSS to style the grids and flexboxes and second half replaced vanilla CSS with Tailwind CSS. A light and dark theme was added via Tailwind also. One page is still vanilla CSS demonstrating that Tailwind and regular CSS can be used simultaneously. The Tailwind theme was extended with additional breakpoints and an additional grid row to fit the original requirements of the design.
A modern, faster build tool called Vite (French word for "fast",pronounced Veet).
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.
The page will hot reload when you make changes.
You may also see lint errors and other errors in the console.
ESlint, lints the files looking for problematic patterns and giving warnings and errors.Prettier is a code formatter.
Reports formatting issues and edits the files fixing the formatting issues.
Reports formatting issues but does not fix the formatting issues.
Launches the test runner in the Vitest interactive watch mode.\
Launches the UI test runner in the Vitest interactive mode.\
Displays the amount of code that is covered by the vitest unit tests.\
Builds the app for production to the dist folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
Your app is ready to be deployed!
To learn React, check out the React documentation.
To learn more about Vite ⚡, Vite documentation.