My solutions to various challenges from Frontend Mentor. My purpose for this project is to learn more about SolidJS and to practice my CSS skills. I want to learn more about different tools and technoligies for implementing CSS like TailwindCSS, CSS Modules, and CSS in JS.
If you're looking at the structure of the project, you might notice that I have most of my components organized into their own folders with an index.tsx file. This is called a barrel. I like to use this pattern because it makes it easier to import components from other files. It also makes the file strucutre look cleaner IMO.
Site is deployed for free on Netlify! https://solid-mentor.netlify.app
- Clone the repo
- Install dependencies with
pnpm install. Regular npm should also work. - Run
pnpm devto start the dev server.
QR Code Component
Order Summary Component
Single Price Grid Component
Ping Coming Soon Page
Article Preview Component
Age Calculator
- Testimonials Grid - In Progress
Whatever Frontend Mentor uses lol.
- README template from DomPizzie