A Solana Frontend Development Track by The Blockchain Collaborative at Baylor University

Hey Baylor Bears! This repository was designed by Nathan Galindo on behalf of The Blockchain Collaborative at Baylor University. It is a course that is made up of a series of projects to help you get your feet wet developing on the Solana network. Why Solana? Because Solana is a third-generation protocol with incredibly high throughput and astonishingly low transaction fees, making it an ideal blockchain for student builders to hack around with.

Screen Shot 2022-07-27 at 3 01 40 AM

Tech Stack

Thus far, the course mainly focuses on front-end development where you will be building small applications using industry standard front-end technologies as well as some web3 frameworks to interact with the Solana JSON RPC API. Listed below are the main frameworks and tools you will be working with:

The frameworks and tools used to build out these projects were carefully selected because they are the tools real companies are using in the blockchain industry to build out production applications. Even though they may be new to you, becoming familiar with them will greatly benefit your hireability as a software engineer (both within, and beyond the blockchain industry)!

Getting Started

Navigate to a folder in your local environment and copy/paste the following commands into your terminal:

  git clone git@github.com:nathanzebedee/solana-frontend-development.git
  cd solana-development
  nvm install 16
  nvm use 16
  yarn
  yarn dev

At this point, the repository should be installed to your computer and hosted on your browser at http://localhost:3000.

Workflow

For each project, there is a card which contains a brief description of the project, as well as two buttons: "preview" and "starter".

  • The "preview" button, when clicked, will direct you to a finished version of the project. This is for your reference as you build the project on your own.
  • The "starter" button, when clicked, will take you to a blank page. The pages labeled "starter.jsx" within your repository are blank files that you will use to build out your own version of the given project.