https://github.com/codemeapixel/hello-toxic-react
Simple, Hackable and Minimalistic static site made using React and Vite, Deployed on Netlify
https://github.com/codemeapixel/hello-toxic-react
react starter static-site
Last synced: 8 months ago
JSON representation
Simple, Hackable and Minimalistic static site made using React and Vite, Deployed on Netlify
- Host: GitHub
- URL: https://github.com/codemeapixel/hello-toxic-react
- Owner: CodeMeAPixel
- License: mit
- Created: 2021-04-24T20:54:06.000Z (almost 5 years ago)
- Default Branch: main
- Last Pushed: 2021-04-25T18:35:33.000Z (almost 5 years ago)
- Last Synced: 2025-06-30T10:50:20.196Z (8 months ago)
- Topics: react, starter, static-site
- Language: JavaScript
- Homepage: https://react-site.toxic-is-senpai.wtf/
- Size: 112 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
# Hello Toxic | React Starter
Simple, Hackable and Minimalistic static site made using React and Vite, Deployed on Netlify
---
## Live Demo
* https://react-site.toxic-is-senpai.wtf
---
## Self Hosting
Use the Deploy button:
[](https://app.netlify.com/start/deploy?repository=https://github.com/TheRealToxicDev/Hello-Toxic-React)
Or follow these steps:
⇨ Download, Fork or Clone this Repo
⇨ Open Command Prompt or Terminal in the Directory you created for this Project
⇨ Run `npm install` and wait for it to finish!
⇨ Run `npm build` To build the Dist/Build folder and wait for it to finish!
⇨ Run `npm start` to boot the site.
⇨ Done, Enjoy ❤️
---
### Working in the `src/` folder 📁
⇨ `src/index.jsx`: This is the root of your React app. If you add libraries like [chakra-ui](https://chakra-ui.com) or [redux](https://react-redux.js.org), you'll insert their providers here. The ` is an example of a provider you'd use.
⇨ `src/app.jsx`: The base for your react app, here is where the magic really happens. The router (from [wouter](https://github.com/molefrog/wouter) 🐰) is imported here.
⇨ `src/hooks/`: [Hooks](https://reactjs.org/docs/hooks-intro.html) are a powerful way to interact with your app. Included are two examples, `wiggle` and `prefers-reduced-motion`. You can use the wiggle on any of your elements!
⇨ `src/pages/`: Pages to import to the router should go here!
⇨ `src/components/router.jsx`: One of the most important parts of a single page app is the router. It's how we know what page to show. We're using [Wouter](https://github.com/molefrog/wouter), a small and easy router. You could replace it for something like [React Router](https://reactrouter.com/), but we really like wouter!
⇨ `src/components/seo.jsx`: When you share your site on social media, you want to make sure the meta tags are correct and you've got an image. All of the settings for this file are in `src/seo.json`.
⇨ `src/styles`: CSS files add styling rules to your content. You have [a lot of](https://vitejs.dev/guide/features.html#css) importing options for CSS including CSS modules if that's your jam.