https://github.com/wonderfullandingpage/Technology-LandingPage

A beautiful technology product website
https://github.com/wonderfullandingpage/Technology-LandingPage

landing-page landingpage

Last synced: 2 months ago
JSON representation

A beautiful technology product website

• Host: GitHub
• URL: https://github.com/wonderfullandingpage/Technology-LandingPage
• Owner: wonderfullandingpage
• License: mit
• Created: 2021-03-31T08:23:22.000Z (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2021-04-01T06:29:03.000Z (almost 4 years ago)
• Last Synced: 2024-07-31T19:41:31.725Z (5 months ago)
• Topics: landing-page, landingpage
• Language: JavaScript
• Homepage: https://wonderfullandingpage.github.io/Technology-LandingPage/
• Size: 3.86 MB
• Stars: 65
• Watchers: 5
• Forks: 23
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-landing-page - https://github.com/wonderfullandingpage/Technology-LandingPage

README

        
# Technology LandingPage

This is a landingpage of science and technology products. The design is atmospheric, the code is developed based on [react](https://reactjs.org/) and [particles-bg](https://github.com/lindelof/particles-bg), and it has good scalability.

[**Check out the demo**](https://wonderfullandingpage.github.io/Technology-LandingPage/)

![Node.js CI](https://github.com/dunky11/react-saas-template/workflows/Node.js%20CI/badge.svg)

[![Dependabot Status](https://api.dependabot.com/badges/status?host=github&repo=dunky11/react-saas-template)](https://dependabot.com)

[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)

![](https://github.com/wonderfullandingpage/Technology-LandingPage/blob/master/public/images/a1.jpg?raw=true)

![](https://github.com/wonderfullandingpage/Technology-LandingPage/blob/master/public/images/a2.jpg?raw=true)

The project forks from [here](https://github.com/dunky11/react-saas-template/) thanks to the original author.

## Getting Started

### Prerequisites

#### Node.js 12+ (versions below could work, but are not tested)

* Linux:

   ```

   sudo apt install nodejs npm

   ```

* Windows or macOS:

   https://nodejs.org/en/

### Installing

1. Clone the repository

   ```

   git clone https://github.com/wonderfullandingpage/Technology-LandingPage

   ```

2. Install dependencies, this can take a minute

   ```

   cd Technology-LandingPage

   npm install

   ```

3. Start the local server

   ```

   npm start

   ```

Your browser should now open and show the app. Otherwise open http://localhost:3000/ in your browser. Editing files will automatically refresh the page.

### What to do next?

If you are new to React, you should watch a [basic React tutorial](https://www.youtube.com/results?search_query=react+tutorial) first.

If you already know React, then most of the information you need is in the [Material-UI documentation](https://material-ui.com/getting-started/usage/).

You can go into [src/theme.js](/src/theme.js) and change the primary and secondary color codes at the top of the script to the values you like and some magic will happen.

## Deployment

If you are happy with the state of your website you can run:

```

npm run build 

```

## Contribute

Show your support by ⭐ the project. Pull requests are always welcome.

## License

This project is licensed under the MIT License - see the [LICENSE.md](https://wonderfullandingpage.github.io/Technology-LandingPage/blob/master/LICENSE) file for details.