Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/grampers-dev/cryptocurrency-ai-history

Cryptocurrency history website powered by AI
https://github.com/grampers-dev/cryptocurrency-ai-history

Last synced: 19 days ago
JSON representation

Cryptocurrency history website powered by AI

Awesome Lists containing this project

README 

        
# Cryptocurrency History Website



This is the README file for the Cryptocurrency History website. The website provides a platform for users to explore the history of cryptocurrencies, learn about key milestones, and stay updated on the latest developments in the field. It incorporates artificial intelligence and predictive analytics to enhance the user experience and offer personalized recommendations.



## Table of Contents



- [Cryptocurrency History Website](#cryptocurrency-history-website)

  - [Table of Contents](#table-of-contents)

  - [Overview](#overview)

  - [Key Features](#key-features)

  - [Website Structure](#website-structure)

  - [Contact Information](#contact-information)

  - [Social Media](#social-media)

  - [Credits](#credits)



## Overview



The Cryptocurrency History website aims to provide users with a comprehensive understanding of the history of cryptocurrencies and their impact on the world of finance and technology. It utilizes advanced technologies such as artificial intelligence and predictive analytics to offer an innovative and personalized experience.



![Responsiveness](./assets/images/Responsive%20image%20fix.png)



## Key Features



The website offers the following key features:



- Integration with multiple online resources: The website integrates with various online resources to provide users with up-to-date and reliable information about cryptocurrencies.

- Predictive analytics: The website uses predictive analytics to analyze user interactions and provide personalized recommendations based on their interests and preferences.

- Continuous database updates: The website's database is regularly updated based on user interactions, ensuring that the information provided remains relevant and accurate.

- Mobile app development: The team behind the website is developing a mobile app focused on cryptocurrency history, which will allow users to conveniently access real-time information and engage with the platform.



## Website Structure



The structure of the website is as follows:



- `index.html`: The main HTML file that represents the structure of the website.

- `history.html`: Html page on the history of cryptocurrency.

- `signup.html`: Signup page designed to give users a chance to submit feedback.

- `stylesheet.css`: The CSS file that defines the styles and layout of the website.

- `index hero image`: An image file used as the hero image on the index.html.

- `history hero image`: An image file used as the hero image on the history.html.

- `contact imformation`: An image file used as the background for the contact information.



The website is organized into several sections:



- Header: Contains the website title and navigation menu.

  ![Nav Bar](./assets/images/Header%20navbar.png)

- Hero Image: Displays an image related to the website's theme.

- Welcome Message: Introduces the website and its purpose.

  ![Welcome message](./assets/images/Welcome%20message%20fix.png)

- Key Features: Highlights the key features of the website using a bulleted list.

  ![Key features](./assets/images/Key%20features%20fix.png)

- PAHS A.I: Provides information about the AI-powered chatbot and its integration with online resources.

  ![PAHS A.I.](./assets/images/PAHS%20A.I.png)

- Cryptocurrency History Timeline: Presents a timeline of important events and milestones in the history of cryptocurrencies.

  ![History page](./assets/images/History%20page%20image%20fix.png)

- Signup page: Gives users a way to signup to submit feedback and give suggestions.

  ![Signup form](./assets/images/Signup%20image%20fix.png)

- Contact Information: Provides contact details for users to get in touch with the website's team.

- Footer: Displays social media links and copyright information.

  ![Footer image](./assets/images/Footer%20image.jpg)



## Contact Information



If you have any questions, feedback, or suggestions, you can reach out to the website's team through the following contact information:



- Email: [email protected]

- Phone: +1 123-456-7890



## Social Media



Stay connected with the Cryptocurrency History website through our social media channels:



- [Facebook](https://www.facebook.com/yourwebsite)

- [Twitter](https://twitter.com/yourwebsite)

- [YouTube](https://www.youtube.com/yourwebsite)

- [Instagram](https://www.instagram.com/yourwebsite)



# Testing



- In testing this website I ran into issues with media queries and redundent code conflicting in how I wanted the pages too look. Going forward I'll remember less is more and focus on cleaner code to maintain easier readabillity for other devs. My css code going forward will use better groupings with correct use of id and class elements for better structure this would be the main reason my code is so long, my understading of this has greatly improved and I will focus on better structure in my future projects.



## Bug fixes



- Through development I changed media queries often to respond as they should, I removed trailing spaces in meta tags when they weren't at first seen, I removed elements from my html code to pass vlaidation and used more approiate heading classes.

- Using dev tools my main issues were not understanding the responsiveness screen sizes as when I viewed on my laptop changes I was making did not match, I now see that the error I was making was due to viewing it in a zoomed mode and when I referenced the changes with the responsive website viewer ui.dev it all became clearer for me.



## Lighthouse report



![Lighthouse report](./assets/images/lighthouse%20report.jpg)



## Validation



- I can confirm that all pages have passed validation through validator.w3.org

- [validator.w3.org](https://www.validator.w3.org)

- I can confirm that my css code has passed validation through jigsaw.w3.org

- [jigsaw.w3.org](https://www.jigsaw.w3.org)



# Deployment

- The site is deployed on GitHub pages.

- The live link is here [Github](https://grampers-dev.github.io/cryptocurreny-a.i-history/)



## Credits



- Hero Image: The hero image used on the website is credited to Merlin Lightpainting on pexels.

- Contact information image is credited too Ivana cajina asuyh on Unsplash.

- Code Inspiration: The code for the social media links was adapted from Code Institute's examples and tutorials.