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!
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