simonphoenix96 / crypto-website

Binance Chain live block view, NFT Gallery, Ethers based Wallet Connection

Crypto Template Website

This project is a Crypto Template Website generated with Angular CLI version 13.0.4. It provides a foundation for building and showcasing crypto-related web applications.

Features

• Home page
• User profile section
• Wallet functionality
• NFT gallery
• Integration with OpenSea platform
• Ethereum interaction using ethers.js

Prerequisites

Before you begin, ensure you have met the following requirements:

• Node.js (v14.x or later recommended)
• npm (v6.x or later)

Getting Started

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

1. Clone the repository: git clone https://github.com/SimonPhoenix96/crypto-website

2. Navigate to the project directory

3. Install the dependencies: npm install --legacy-peer-deps

4. Start the development server:

5. Open your browser and visit http://localhost:4200/. The application will automatically reload if you change any of the source files.

Using Docker Compose

This project includes a Docker Compose configuration for easy deployment. To use it:

1. Ensure you have Docker and Docker Compose installed on your system.

2. Navigate to the project root directory.

3. Build and start using docker compose

4. Once the containers are up and running, you can access the application at http://localhost:4200.

Development

Code Scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory.

Running Unit Tests

Run ng test to execute the unit tests via Karma.

Running End-to-End Tests

Run ng e2e to execute the end-to-end tests via Protractor.

Project Structure

• src/: Contains the main application code
  • app/: Angular components, services, and modules
  • assets/: Static assets (images, JSON files)
  • environments/: Environment-specific configuration files
• e2e/: End-to-end test files

Technologies Used

• Angular 13
• RxJS
• ng-bootstrap
• ethers.js