About the Website Starter Template

The website starter project template is a single-page application that includes a home page, an about page, a header, a footer, and a mobile-friendly home page.
This is primarily a quick start template designed for immediate use and learning. It comes equipped with a React router, sample pages, and a structured layout of an app, all of which can be easily customized to jumpstart your own app development. If you're seeking a more intricate project with a broader range of technologies to dissect, check out our Portfolio template.
This project incorporates the following technologies:
  • React: A JavaScript library for building user interfaces.
  • TypeScript: A typed superset of JavaScript that compiles to plain JavaScript.
  • Vite: A build tool that provides a faster and leaner development experience for modern web projects.
  • ESLint: A tool for identifying and reporting on patterns found in ECMAScript/JavaScript code.
  • SCSS: A preprocessor scripting language that is interpreted or compiled into Cascading Style Sheets (CSS).
  • React Router DOM: A collection of navigational components that compose declaratively with your application.
React Router DOM is a library that primarily facilitates routing, the process of navigating between different pages like 'Home' and 'About' in a single-page application. It dynamically loads content based on the URL, eliminating the need for page reloads. This results in a more responsive app and an enhanced user experience. For more details, you can refer to the React Router documentation.
You'll find this project in Codux in the New Projects page with all the other templates.

Changing Styles 

Select an element that you see on these boards that you want to restyle. Then, in the Styles panel by the selector, choose View code to jump straight to the stylesheet where these styles are defined.
To view and change the variables in the project, head to the Files panel and open theme.module.scss.
For general information on working with fonts, see here, and for variables, here.
IN THIS ARTICLE