WORK IN PROGRESS
Make sure you have the following installed:
- Node.js (v14 or above)
- npm
- Clone the repository
git clone https://github.com/ArkadiuszWasilewski/tibialogs-client-app
cd tibialogs-client-app
- Install dependencies
npm install
- Start the development server
npm run dev
- Open your browser
Go to http://localhost:5173/ to view the application.
- will be a blank site, because we need to set up env variable first
Create a .env file in the root directory and add the following variables: You can edit name of existing .env.example and add your firebase authorisation variables.
VITE_FIREBASE_API_KEY=<your_firebase_api_key>
VITE_FIREBASE_AUTH_DOMAIN=<your_firebase_auth_domain>
VITE_FIREBASE_PROJECT_ID=<your_firebase_project_id>
VITE_FIREBASE_STORAGE_BUCKET=<your_firebase_storage_bucket>
VITE_FIREBASE_MESSAGING_SENDER_ID=<your_firebase_messaging_sender>
VITE_FIREBASE_APP_ID=<your_firebase_app_id>
- Create account or log in on Firebase
- Go to Console and create project.
- Enter your project name, on next page you can disable google analytics (we don't need that), wait until project is created.
- Go to Authentication tab, choose Email as your sign-in method, enable Email/Password verification then Save your settings.
- On production version you might need to delete localhost from allowed domains (not important for test purpose)
- Go to Add Firebase to your web app (it's in hero section, button marked as "</>"), give App nickname (eg. auth-test), and click Register app.
- You've got your own Firebase auth variables in firebaseConfig
- Set up those variables in your own .env file.
Client:
- React - A JavaScript library for building user interfaces.
- Vite - A fast frontend build tool and development server.
- Tailwind CSS - A utility-first CSS framework for rapidly building custom designs.
- Shadcn Data-tables, based on Tanstack Tables
Server:
- Firebase - A platform for developing web applications, used here for user authentication.
Contributions are welcome! Please feel free to submit a Pull Request.