This is the awesome Woonkly's landing page. We created this project because we want to let developers from all the globe to use it or modify it, according to their different preferences.
- Vue.js - An open-source JavaScript framework for building user interfaces.
- Vue CLI - Vue's developer tool.
- vue-router - Vue Router is the official router for Vue.js.
- Bulma - An open-source CSS framwork based on Flexbox.
- Sass - An extension of CSS. It allows you to use variables, nested rules, mixins, inline imports, and more, all with a fully CSS-compatible syntax.
In order to run this project locally you must follow the next steps:
- Clone or download this repository https://github.com/Woonkly/landing_frontend.git
- Once downloaded in your local machine, run the following commands in your terminal:
// Install dependencies
$ npm install
// Run dev server
$ npm run server
If you didn't change the default configuration the project starts at: http://localhost:8080/
If you want to modify the landing page, you must modify the components in the project according to your needs. We consider that a good ICO landing page should have or show:
- An introduction.
- The current status of the ICO.
- The benefits of investing wiht us.
- Information about the ICO and the cryptocurrency.
- Statistics about the token distribution
- Enterprise's members.
- F.A.Q. section.
The introduction needs to be clear and straight, it should explain to the user: What is the purpose of the ICO and what you are doing with the ICO. If you want to look for an example, you can find a template in the WoonklyWhat.vue file, in the src/components/ directory.
This is a very important section, the page should display the current phase the ICO is, total amount of Woonks sold, phase's countdown, etc. If you want to look for an example, you can find a template in the WoonklyIcoStatus.vue file, in the src/components/ directory.
Here, you need to explain to the user why you are the best option to invest. Show them what makes your ICO unique and why you are the best option in the market. You can find a template in the WoonklyBenefit.vue file, in the src/components/woonkly-benefits/ directory.
It must contain all the information related to the ICO (important dates, investment methods, exchance rate, etc.). You can find a template in the WoonklyAcquireToken.vue file, in the src/components/ directory.
Statistics about how the token is used. You can find a template in the WoonklyDistributionToken.vue file, in the src/components/ directory.
A list of the people responsable for the ICO. You can find a template in the WoonklyTeamMembers.vue file, in the src/components/woonkly-team/ directory.
It is very important to clear user's doubts of the ICO, that is why you need a F.A.Q. section. You can find a template in the WoonklyFaq.vue file, in the src/components/ directory.