Giter VIP home page Giter VIP logo

burger.andrewchander.com's Introduction

๐Ÿ” burger.devourer.xyz ๐Ÿ”

Build Angular https://taghead.xyz

v0.15 Preview

This web application live and hosted on https://taghead.xyz/ domain was sniped ๐Ÿ˜…๐Ÿ˜…๐Ÿฅบ no longer hosted anywhere. The focus of this repository is to expand our knowledge.

The stack

Additional Technologies:

  • CSS preprocessor: Sass-lang
  • Project Management: ClickUp following agile methodology

As the project develops and becomes more fleshed out, features will be tackled one at a time. The main objective is to learn and possibly achieving an appealing product.

Feature List

  • User Management
  • User Generated Content
  • Upload Video Links
  • Voting System
  • User Feedback System

1. Building/Development

Download and Install :

  • Node.js (with npm) - Used for building, development and testing.
  • Git - Used for collaborative software development

Clone the repository and install node.js modules.

git clone https://github.com/taghead/taghead.xyz.git
cd .\taghead.xyz\
npm install

1. Building

Lets start by obtaining the production credentials, open up https://supabase.io and create a new project.

Once the project is stood up navigate to Settings > API to retreive the production credentials and apply it to /src/environments/environment.prod.ts. Finally whitelist the domain/ip address the website is hosted on head over to Authentication > Settings and change fill both Site URL and Additional Redirect URLs to your domain.

export const environment = {
  // Edit the following
  supabase_url: 'Your Supabase URL here',
  supabase_key: 'Your Supabase API Key here'
};

Running the command npm run build-prod will build to the folder /dist.

2. Development

Run npx supabase init and use the default ports. Once it finishes intializing you will be given local Supabase credentials. Apply the Supabase URL and Supabase Key (anon, public) to /src/environments/environment.ts.

export const environment = {
  // Edit the following
  supabase_url: 'Your Supabase URL here',
  supabase_key: 'Your Supabase API Key here'
};

Finally run npm run start

This will serve the website on http://localhost:4200 and emulate Supabase.

Supabase email emulation server is on http://localhost:9000.

3. Additional Information

3.1. Forgot TypeScript?

Give the /docs/typescript_refresher.md a read. Hopefully, it will help you out.

3.2. The project charter

Located in /docs/project_charter.md. It's nothing special, more so convention.

3.3 Contributing

Read the CONTRIBUTIONS.md

3.4 Technical Document

Read the /docs/technical_documentation.md

3.5 Running Docker

docker build -t burger .
docker run -d --name burger -p 0.0.0.0:4200:4200 burger 

burger.andrewchander.com's People

Contributors

taghead avatar

Watchers

 avatar

burger.andrewchander.com's Issues

Footer and Login

Footer has additional click to preview details - Not user friendly.

Login form is not clean UI refactor.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.