Skip to content

brittanyjoiner15/tech-out-my-swag

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Wanted to organize all my tech company swag, and wanted to try out Polaris (Shopify's Design Library).!

View It Live

Want to tech out my swag?

Hosted on Netlify

Want to use this and show off your own collection?

Before starting, you'll need:

  • IDE (Integrated Development Environment) like VSCode/Visual Studio Code
  • GitHub account
  • GitHub desktop app (not required, but easier if you aren't familiar with Git yet)
  • Node and npm installed on your machine (read these instructions to do that)
  • A netlify or vercel account if you want to publish your site and show to your friends!

1. Copy this repo

At the top of this page, click Code, and then click Open with GitHub Desktop. image

You'll be prompted through picking a place to store the code locally on your machine, by default in your home directory.

2. Open in VSCode

It might take a few minutes to clone the repo, but once it does, you should see a page like this in GitHub Desktop. Click Open in Visual Studio Code, or whatever IDE you have. image

3. Open the terminal

You can open the default terminal on your computer, or use one in your IDE. If you're using VS Code, you can just press ctrl + ~ to open the terminal directly to that folder (also called directory). Make sure you're in the tech-out-my-swag directory.

image

4. Run npm install and then npm run dev

Assuming you've already installed npm and node on your machine, you'll type npm install and press enter to install all the necessary dependencies for running this repo on your local machine.

Once that is complete, type npm run dev and press enter. You should see a message saying this is running on your localhost. Click that to open a browser window showing your site.

5. Customize the data

Now for the fun part! Customize the code to show off your collection. Here are the most important places you'll likely want to update:

6. Save your changes, push to your GitHub repo and connect to Netlify!

Save your changes in VSCode, and click the "Commit" button in the GitHub desktop app, and then choose Push to Origin.

Now create an account with Netlify or Vercel, and follow their instructions to connect to your GitHub repo and publish your site!

Good luck! If you need any help, shoot me an email at brittanyjoiner15@gmail.com.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published