Dime Dozen Bank Concept

A concept landing page for a banking site using Tailwind CSS, React, Vite, and deployment on firebase.

Table of Contents

1. About The Project
   • Usage
   • Built With
   • App Structure
2. Getting Started
   • Installation
   • Deploy
3. Acknowledgments

About The Project

Built and implemented with:

• Tailwind CSS
• Vite
• React

(back to top)

Usage

Built with:

• Vite
• React
• HTML5
• Tailwind

(back to top)

App folder structure

├── node_modules
├── public
├── src
│   ├── assets
│   ├── components
│   ├── constants
├── README.gif
└── README.md

(back to top)

Getting Started

To get a local copy up and running follow these simple steps.

Installation & Usage

1. Clone the repo

   https://github.com/NatC02/dime-dozen-bank-concept.git

2. Install npm packages

   npm install

3. run app locally

   npm run dev
   

Deploying

1. Install firebase globally

   npm install -g firebase-tools 

2. Create Firebase account here and create a project
3. build your web app

   npm run build

4. Setup to host web app on firebase (select the build folder "dist")

   firebase init hosting

5. Deploy!

   firebase deploy

Acknowledgments

Some of the resources I checked while building this project.

Resources

• Vite
• Vite
• React

(back to top)