Detta projekt är en vidareutveckling av min tidigare inlämningsuppgift från HTML/CSS-kursen. Det som började som en enkel webbsida har nu utvecklats till en fullskalig React-app.
- Dynamisk rendering med React
- Fungerande dark mode (äntligen!)
- Smidigare FAQ-sektion
- Bättre formulär med validering
- Smidig navigation med React Router
- Anpassad för alla skärmstorlekar
- HTML5
- CSS3
- Grundläggande JavaScript
React 18 # Frontend
Vite # Byggverktyg
React Router # Navigation
CSS Modules # Styling
FontAwesome # Ikoner# Klona projektet
git clone https://github.com/ditt-namn/silicon-react.git
cd silicon-react
# Installera & kör
npm install
npm run devÖppna sedan localhost:5173 i din webbläsare
silicon-react/
├── src/
│ ├── components/ # React-komponenter
│ ├── pages/ # Huvudsidor
│ ├── hooks/ # React hooks
│ ├── utils/ # Hjälpfunktioner
│ └── styles/ # CSS modules
└── public/ # Statiska filer
-
Mobilanpassning 📱
- Bättre design för mobiler och surfplattor
- Smidigare navigation
- Förbättrad touch-funktion
-
Formulär ✍️
- Bättre felmeddelanden
- Auto-sparning
-
Dark Mode 2.0 🌙
- Bättre färger
- Mjuka övergångar
- Sparar inställningar
-
Prestanda 🚄
- Snabbare laddning
- Mindre filstorlek
- Bättre bildhantering
- Skillnaden mellan vanlig JavaScript och React
- Komponentbaserad utveckling
- Hur man hanterar state i React
- Moderna utvecklingsverktyg
- Projektstruktur i större projekt
- Hans och Joakim för lärorika videos i Javascript och React.
- Min kusin för hjälp med kodstruktur och annan hjälp, speciellt när det kom till att hämta data från API, Då mina kunskaper i JS och React är ganska färska.
- Claude AI för felsökning och hjälp med kodstruktur, förbättrad design och hjälp med att förstå React.
- Chatbot från https://github.com/Amaan9136/chatbot-with-js/blob/main/script.js