This is a boilerplate project setup for building a React application with Tailwind CSS for styling, Firebase Auth for user authentication, Yarn as a package manager, Vite JS as a fast build tool, and React Router for page routing.
- Node.js and npm (or yarn) installed on your local machine.
- Clone this repository by running
git clone https://github.com/<your-username>/<your-project-name>.gitin your terminal or by downloading the ZIP file. - Navigate to the project directory by running
cd <your-project-name> - Install dependencies by running
yarn installornpm installin your terminal. - Create a Firebase project and enable Firebase Authentication. You can follow the instructions provided by Firebase here.
- Create a
firebase storefile at the root of your project directory and add the Firebase configuration details. - Run
yarn devornpm run devto start the development server. - Open
http://localhost:3000in your browser to view the application.
In the project directory, you can run:
Runs the app in development mode with hot reloading at http://localhost:3000.
Open your browser to see the app.
Builds the app for production to the dist folder.
It correctly bundles React and optimizes the build for the best performance.
Serves the production build of the app at http://localhost:5000.
The Firebase configuration details should be stored in the firebase store file at the root of your project directory. You can find the configuration details for your Firebase project in the Firebase console under Project settings > General > Your apps > Firebase SDK snippet.
Contributions are always welcome! Please make sure to create an issue before submitting a pull request.