Src folder also includes these subfolders: /components - React components /containers - files for every page, and component container (the components have connected with redux) /contains - files js colors for the first letter of avatars have no image. /data - JSON data sample files for pages and components /images - logo default and some placeholder image. /fonts - the folders fonts of the template /styles - where you can find all scss files (you can change colors, fonts, ... on scss files in this folder) /utils - Some common js file. /templates - We use the generate-react-cli component to quickly create components. You can delete this folder if do not use generate-react-cli
System Requirements: Node.js 16.14 or later. macOS, Windows (including WSL), and Linux are supported. Extract the Ciseco.zip file. Open the Terminal, write a cd and space and drag the folder into the Terminal, and press ENTER. Type and run yarn install command. Once the installation is completed successfully without errors you can run the template in the npm run start or with yarn is yarn start command. Open the browser in the URL: localhost:3000 All done. Thank you.
React: React is a JavaScript library for building user interfaces. Typescript: By understanding JavaScript, TypeScript saves you time catching errors and providing fixes before you run code. React router dom: To get started with React Router in a web app, you’ll need a React web app. If you need to create one, we recommend you try Create React App. It’s a popular tool that works really well with React Router Node-sass: Node-sass is a library that provides binding for Node.js to LibSass, the C version of the popular stylesheet preprocessor, Sass. Tailwind css: A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup. Headless ui: Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS Glidejs: Glide.js is a dependency-free JavaScript ES6 slider and carousel. It’s lightweight, flexible and fast. Designed to slide. No less, no more
Fonts Used are :
- Inter
- Poppins Icons Used are :
- line-awesome-1.3.0
- heroicons (icon svg) Images, vectors :
- Pexels: Pexels.com
- Unsplash: Unsplash.com
- Freepik: Freepik.com