Repository files navigation

Welcome to theFullstack Candy Shop project! This project is built usingSolidStart, a JavaScript framework designed to build SolidJS apps and deploy them to a variety of providers.

• 🛒Shopping Cart: Add and manage your candy items.
• 🌈Dark Mode: Toggle between light and dark themes.
• ⚛️SolidJS Components: Efficient and reactive components.
• 🚀Server-Side Rendering: Fast initial load times.
• 🎨Tailwind CSS: Beautiful, responsive design.

Here's a quick overview of the project's structure:

src/├── context/├── lib/├── routes/│   ├── api/│   ├── product/│   │   ├── [productId].tsx│   │   ├── about.tsx│   │   ├── cart.tsx│   │   ├── index.tsx├── styles/│   ├── _variables.scss│   ├── global.css│   ├── index.scss├── types/├── app.css├── app.tsx├── entry-client.tsx├── entry-server.tsxglobal.d.ts.editorconfig.env

Follow these steps to get the project up and running on your local machine:

• Node.js (v14 or above)
• npm orYarn

1. Clone the repository:

   git clone https://github.com/andrenormanlang/fullstack-candy-shop-solid-start.gitcd fullstack-candy-shop-solid-start

2. Install dependencies:

   npm install

3. Run the development server:

   npm run dev

4. Open your browser and navigate tohttp://localhost:3000

This project usesSCSS for styling. Make sure to compile your SCSS files to CSS using the following command:

npm run build:css

• Start Development Server:npm run dev
• Build for Production:npm run build
• Compile SCSS:npm run build:css

Contributions are welcome! Feel free to submit a pull request or open an issue.

This project is licensed under the MIT License.

• Thanks to the SolidJS and SolidStart teams for their amazing work!
• Icons bysolid-icons

Feel free to reach out if you have any questions or suggestions!

Happy Coding! 🎉