The website is to show the latest news and gossips on blockchain technology and cryptocurrency from around the world. As cryptocurrencies transform how we trade, transact and interact online, it has become more important than ever for technology leaders to have experience with these innovations. I am a cryptocurrency enthusiast and I believe the technology along with blockchain, that is just a few years away, will be amazing.
-
First-time visitors' goals
-
As a first-time visitor of the site I want to be able to understand the whole structure and concept and learn more about all the information available.)
-
As a user of the website I want to be able to navigate around easily.
-
As a user of the website I want to be able to see real-life examples of the information available.
-
As a first-time visitor I want to make sure that all the social media links and other external links are all true and can be trusted.
-
As a first-time visitor of the website I want to be able to sign up for more latest news.
-
As a returning visitor to crypto news website I would expect to read more of the latest news and updates on which the website is based on.
-
As a returning regular visitor I would expect all external links to be working and updated.
-
From the owner's perspectives regarding the website, I would want cryptocurrency and blockchain enthusiasts to visit as often as possible to learn more.
-
More to Add
- I would like to add more information to the news page. As time goes by with the latest cryptocurrency and blockchain technology from around the world, there is too much information to add all at once. I will keep adding.
The site will consist of three main pages; home, news, sign up and also external links to information on the latest blockchain and cryptocurrency technology.
-
Colour Scheme
- The two main colours for the website are dark-grey and pure-blue colour.
-
Typography
- The Oswald font is the main font used throughout the website with sans-serif as the fall-back font in case there are any issues with the font not loading to the pages.
-
Imagery
-
Our brain can interpret images much quicker than text, which is why images are important to any website. The images used on the home page through to the news page and the sign-up page were chosen to have the information needed to understand what the website is about.
-
The structure of the website code I used was from the "Love Running" Code Institute. I liked the way it looked and it was also user friendly. I also added some grid cards with external links to each one.
-
-
Balsamiq was used to create the wireframe for each of the pages.
-
Responsive on all popular device sizes.
-
Interactive elements, some if not all external links have so much information and knowledge for every visiting user.
Languages Used
Frameworks, Libraries & Programs Used
- Font Awesome
- Font awesome was used for icons and social logos.
- Google Fonts
- Google fonts were used to style the css file throughout the website.
- Git
- Git wqas used to control Gitpod terminal to commit to Git and Push to GitHub.
- Github
- GitHub is used to store the projects code after being pushed from Git.
The W3C Markup Validator and W3C CSS Validator Services were used to check all the code for each page.
SEO
-
Search Engine Optimisation was done using Google Chrome Lighthouse Extention.
- Button must not appear as a descendant of the "a" element.
- Bug was fixed by removing the button tag.
- Missing Lang"eng" on two pages.
- Bug fixed by adding missing elements to html.
- CSS one bug reported, missing valid colour number.
- Bug fixed by adding the right number.
The Website was tested on
-
Google Chrome
-
Internet Explorer
-
Microsoft Edge
-
Safari Browser
-
Brave Browser
- When opening the website in the URL, and first entering the home page, the main image txt has an external link, which has been thoroughly tested and it works.
-
Buttons below the images are clickable to more external link information regarding the website information.
-
All footer icons on all pages have been tested, and when a user clicks them, they will be taking to each platform regarding cryptocurrency and blockchain technology information.
-
On the news page, the main header title has a clickable external link and has been tested also.
-
All buttons on image card grid are also working fine and i have found no issues.
- Sign up page was tested by filling in the information needed and any missing information would pop up as missing.
The website was viewed on a variety of devices such as below.
- Desktop
- Laptop
- IPhone7
- IPhone 8
- IPhoneX
- Moto g4
- Galaxy s5
- Ipad pro
This site was deployed using Github through Gitpod.
-
Code was written on Visual Studio software before uploading the files and folders to Gitpod and Github.
-
Steps were taken to upload and push files to Github.
-
Open your new project folder with Visual Studio.
-
Click on the source control menu on the sidebar.
-
Click on publish to Github.
-
From there just login and follow the instructions and you are good to go.
Credits
-
I used similar code to the Code Institute "Love Running" walkthrough for most of my website page, as I liked the look and feel of the layout.
-
I used YouTube for my News Page Grid layout with the cards and images. I am more of a visual person and take more information in, by viewing rather than reading.
-
Have to give a big shout out to W3DOCS for the code for my buttons.
-
My go to website has to be W3Schools. It has so much information and the knowledge is amazing. i love everything they do over on their website.
-
Stackoverflow best answers to your technical question.
-
All my images are from Pexels, Unsplash, Pixabay, Google. Shout out to all the amazing photographers over there.
Information and articles are from various sites listed below.
-
- The World Economic Forum is an international non-governmental and lobbying organisation based in Cologny, canton of Geneva, Switzerland. It was founded on 24 January 1971 by Klaus Schwab.
-
- Investopedia provides investment dictionaries, advice, reviews, ratings and comparisons of financial products such as securities accounts. Investopedia has more than 32,000 articles and reaches 20 million unique monthly viewers.
-
- Wikipedia is a free online encyclopedia, created and edited by volunteers around the world and hosted by the Wikimedia Foundation.
-
- Ethereum is a decentralized, open-source blockchain with smart contract functionality. Ether is the native cryptocurrency of the platform amongst cryptocurrencies.
-
- XRP is a real-time gross settlement system, currency exchange and remittance network created by Ripple Labs Inc., a US-based technology company. It's used around the world by most banks.
The only chat room you are ever going to need slack.
Last but not least everyone over at Slack for directing me in the right direction on certain coding issues, and helping me get a good night's sleep, no matter where you are in the world there’s always someone there to help. 😴