All Resources

This page will contain the link for every piece of documentation that we’ve used and also some other useful resources.

Join the HackUTD: Lost in the Pages Discord Server!

legend.hackutd.co

Hackerpack

Preface

If you’re confident in all of these technologies, you don’t have to watch the youtube playlist. But if you think that a brief refresher could be beneficial, I would take the time to watch them.

• HTML
• CSS
• JavaScript
• Github
  • Using Github for Team Collaboration ← slightly dated but still good
  • Making Changes to a Remote Project

Supplementary Documents

• HTML
• CSS
• JavaScript
• Github ← Textbook (mildly complicated)
  • Ch. 3 is very important
• Github Tutorial

📜 Installation Guide

• Installation: Node.js
• Installation: Visual Studio Code
• Article: Downloading VS Code through Microsoft Store vs Package Installation
• Article: Best VS Code Extensions

🧑‍💻 Project Setup

• Installation: Vite
• Article: Ideal React Project File Structure
• Installation: Tailwind CSS
• Installation: Poppins Google Font
• Installation: Inter Google Font
• Documentation: Custom Colors in Tailwind
• Page: Essential Shortcuts for VS Code

🎲 Your first component!

• Documentation: Importing and Exporting components
• Documentation: CSS
• Documentation: Tailwind
• Page: Common Tailwind Attributes and Examples

💡 Creating the Featured Item

• File: Folder of images

💳 Making Cards in React

• Documentation: Escaping HTML with Curly Braces

📦 Making Reusable Cards in React with Custom Data

• Documentation: Props
• Documentation: Map Function
• File: data.json

🌐 Routing

• Documentation: React Router
• Documentation: React Router Tutorial
• Documentation: React Router Links
• Article: Complete Guide to useNavigate in React Router

🔥 Connecting a Backend (Firebase)

• Documentation: Firebase
• Installation: Firebase Console
• Article: What is useState
• Documentation: React useState
• Article: What is an Asynchronous function

⁉️ User Authentication (Firebase)

• Documentation: Firebase userAuth
• Installation: Firebase Console

⛅️ Connecting an API (Weather)

• Article: What is an API?
• Documentation: Axios API
• Installation: Weather API

💩 CRUD Using Firestore

• Article: Explain CRUD
• Documentation: Chart.JS

Extra Pages

• Essential Shortcuts for VS Code
• Common Tailwind Attributes and Examples