An open API service indexing awesome lists of open source software.

https://github.com/abdullahbrashid/military-portal

Front End repository for Military Portal - Firebase.
https://github.com/abdullahbrashid/military-portal

firebase military react tailwindcss typescript

Last synced: 4 months ago
JSON representation

Front End repository for Military Portal - Firebase.

Awesome Lists containing this project

README

        

Military Portal - Firebase

[![Netlify Status](https://api.netlify.com/api/v1/badges/40f8054f-5686-4aa4-a1a0-449b740d8883/deploy-status)](https://app.netlify.com/sites/military-portal/deploys)

## Tech Stack
- Firebase
- React
- React-Router
- Typescript
- TailwindCSS

## Features
1. Google Authentication.
2. Ability to manage (add, remove, edit) bases.
3. Separation of missiles from bases.
4. Ability to manage (add, remove, edit) missiles.
5. List of avaialble missiles on a base.

## Here is the [Live Demo](https://military-portal.netlify.app/)

## Self Hosting
### Installation
- Clone the repository
- Run `npm install` to install the dependencies
```bash
$ git clone https://github.com/AbdullahBRashid/Military-Portal.git
$ cd Military-Portal
$ npm install
```
### Development
- Run `npm run dev` to start the development server
- Open `http://localhost:5173` in your browser
```bash
$ npm run dev
```
### Production
- Run `npm run build` to build the project
- Host the site using a server such as VSCode's Live-Server or NodeJS Live-Server.
- Open the hosted url in your browser.
```bash
$ npm run build
```
--- ---

## Thoughts
Its just a showcase of a few skills I learnt over the past few years. The project is not perfect and there are many things that can be improved. I had no better idea and had this project to build in a competition which I couldn't do so I thought why not make it to learn it. I hope you like it. If you have any suggestions or improvements, feel free to open an issue or a pull request.
Thanks for reading.