Business Website Template

screenshot of Business Website Template
django
react
material-ui

A business website template for a company built using React 18 (with TypeScript 4), Material UI 5, Django 4, and Django REST Framework 3.

Overview

This is a business website template for a company built using React 18, Material UI 5, Django 4, and Django REST Framework 3. It features a dark mode and light mode, and provides a set of sections such as Products, Services, Pricing, About, and Contact.

Features

  • Built using React 18 and Material UI 5
  • Backend powered by Django 4 and Django REST Framework 3
  • Dark mode and light mode options
  • Sections for Products, Services, Pricing, About, and Contact
  • Customizable section titles and subtitles
  • Ability to change colors, fonts, and logo
  • Easy data customization through Django Admin interface
  • Backend and frontend tests included

Prerequisites

  • Python 3.8-3.11
  • Node.js
  • Visual Studio Code

Backend Installation

  1. Create a virtual environment from the root directory:
python -m venv env
  1. Activate the virtual environment from the backend directory:
    • On macOS:
    source ../env/bin/activate
    
    • On Windows:
    ..\env\Scripts\activate
    
  2. Install required backend dependencies from the backend directory:
pip install -r requirements.txt
  1. Run migrations from the backend directory:
python manage.py migrate
  1. Create an admin user to access the Django Admin interface from the backend directory:
python manage.py createsuperuser
  • Enter a username, email, and password when prompted.

Frontend Installation

  1. Install required frontend dependencies from the root directory:
npm install

Summary

This business website template is built using React, Material UI, Django, and Django REST Framework. It offers features such as dark mode, customizable sections, and easy data customization through the Django Admin interface. The installation process involves setting up the backend and frontend environments and installing the required dependencies. With this template, businesses can create professional-looking websites that showcase their products, services, and more.

django
Django

Django is a high-level Python web framework that encourages rapid development and clean, pragmatic design. It follows the model-view-controller (MVC) architectural pattern, providing an extensive set of built-in tools and conventions to streamline the creation of robust and scalable web applications.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

material-ui
Material UI

material-ui adds classes to Tailwind CSS for all common UI components. Classes like btn, card, etc. This allows us to focus on important things instead of making basic elements for every project.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.