Solana 101

Discover The World of Blockchains

Comment

Inspiration💡

While researching project ideas, we realized that we didn't know much about blockchains, like the general public. We were part of the 86% of people who have heard of blockchains at least once, but not in the 24% of Americans who actually understood blockchains. This gave us the idea to educate others in an easily digestible manner through a website.

What it does 🤔

Solana 101 is a website that educates the user on what blockchains are and how Solana incorporates it. It includes an animated home page explaining About Us, two informational pages on blockchains and Solana that have interactive quizzes on the material at the bottom, and a demo page that utilizes the Solana JSON RPC API to send SOL from one Phantom Wallet account to another as well as showcasing the transaction's details.

How we built it 🔨

We used HTML and CSS for our frontend and JavaScript for backend and animations. We also used the Solana JSON RPC API to pull data from accounts on the Solana network.

Challenges we ran into 🛑

Learning how to use the Solana Web3 API was a struggle, especially because we were all new to JavaScript. Our group is also very inexperienced in website development in general, so we learned as we went.

Accomplishments that we're proud of ✨

  • Implementing being able to send SOL from one account to another on our website, and tracking the transaction's details to display to the user
  • Utilizing CSS and JavaScript to make our website visually appealing, including animating images and text
  • Redesigning radio buttons on the quizzes and connecting it to backend to alter the CSS file
  • Hovering animations for some images and hyperlinks

What we learned 🏫

Overall, we all learned much more about how CSS and JavaScript interact with the HTML to create elements on our website. We also learned how to use an API to create transactions and record the data from them. Website design was also a priority, and we learned to animate various elements and figure out what colors work well together.

What's next for Solana 101 ⏭️

We could potentially expand towards teaching about using other wallets and blockchain platforms, since Phantom Wallet and Solana are just one of many. We could also make our website more responsive of the user's screen resolution.

Built With

Share this project:

Updates