/tupike-web-app

React.JS + Firebase learning project

Primary LanguageJavaScript

The Tupike Project

React.JS project created to learn about

  1. State and useState
  2. Components and Props
  3. Styling React.JS with Tailwind CSS
  4. useEffect hook
  5. React.JS Router
  6. React.JS Context and Reducers
  7. Firebase Firestore and Hosting

The project also puts into practice proper management of Git by organizing code into staging and production ready branches so that there is always a version of the code ready to go.

Finally, the repetitive process of building and deploying the project to production is automated by using GitHub Actions for onward deployment to Firebase Hosting.

Getting Started

  1. Clone the repository
git clone {{ git repository }} {{ working project folder }}

  1. Open the project in Visual Studio Code

  2. Open a new terminal in Visual Studio Code and install the project dependencies

yarn
  1. Run the project using the Vite.JS server
yarn start

Technologies Used

  1. React.JS
  2. Tailwind CSS
  3. Vite.JS
  4. Firebase Cloud Firestore
  5. Firebase Hosting