Welcome to Fuso !
- Fuso React Template is pure react template, Yes! you read correct, it's No Jquery react template including all feature and
functionality with ease of integration for your project. Fuso template document will help you to understand react from scratch
to making perfect real time dream application.
Follow the documentation carefully for solving your issues in minutes, Apart from that if you
don't find solution when you following the docs you can raise a support ticket for your issue from
pixelstrap.freshdesk.com
Dependencies
- React-19
- Node-22
- Bootstrap-5
- SASS
This Documentation will guide you through all the concepts used in the template and hopefully answer all your queries.
Below are the things that you are going to find in this documentation.
Folder Structure:
-
Before starting any project, it is very important to set a folder structure.
It helps us organize our code neatly and makes it easier for the future developers to modify anything in the template.
Installation Guide:
-
To make sure that you can setup your project smoothly, we have provided an Installation guide for you to follow.
This Installation guide contains everything from installing node till running your project. Do not miss any steps while creating a new project or else you might have to start over again.
Make sure that you go through the explanation of folder structure used in our template, it will become easier for you to make any modifications. If you want , you could follow our folder structure in your project ,
that way if you encounter any difficulties in your project , you can refer our template.
template Layouts:
-
With multiple customization options , we can create many different page layouts. Its upto your imagination ,
how you use the options and implement them in your website. But to give you a starting point , we have used all the available customization
options and made a few different layouts. You can use them to get some inspiration for you own website or use them as they are.
Dark Layout:
-
It is essential for us to maintain good user experience, and even when they are browsing through your website at night,
that experience should not be ruined just because your website is too bright. To make sure our user gets the best experience at any time of the day, we have added the dark mode.
Go through our Guide to dark layout to know more about it.
SCSS Structure:
-
When the template is this big, there is a vast amount of style written. To organize such amount of code , a proper folder structure becomes necessary.
This way it becomes easier for us to find and modify styles of a component without much hassle.
You could refer to our explanation on the scss folder structure and use it in your project to keep your styles more managed