This is a freelance developer portfolio website built using Django 4, React 18, and Material UI 5.
- Prerequisites
- Installation
- Running the application
- Adding data to the application
- Customizing the application
Install the following prerequisites:
From the root directory run:
cd backend
python -m venv venv
From the backend directory run:
On macOS:
source venv/bin/activate
On Windows:
venv\scripts\activate
From the backend directory run:
pip install -r requirements.txt
From the backend directory run:
python manage.py makemigrations
python manage.py migrate
From the backend directory run:
python manage.py createsuperuser
When prompted, enter a username, email, and password.
From the root directory run:
cd frontend
npm install
To run the application, you need to have both the backend and the frontend up and running.
From the backend directory run:
python manage.py runserver
From the frontend directory run:
npm start
Go to http://localhost:3000/ to view the application.
Add data through Django Admin.
Go to http://127.0.0.1:8000/admin to access the Django Admin interface and sign in using the admin credentials.
This section describes how to customize the application.
To modify the title and subtitle of the About section, make changes in the frontend/src/components/About.js
file.
To modify the title and subtitle of the Projects section, make changes in the frontend/src/components/Projects.js
file.
To modify the title and subtitle of the Technologies section, make changes in the frontend/src/components/Technologies.js
file.
To modify the title and subtitle of the Testimonials section, make changes in the frontend/src/components/Testimonials.js
file.
To modify the title and subtitle of the Contact section, make changes in the frontend/src/components/Contact.js
file.
To modify the colors in the application, make changes in the frontend/src/theme/theme.js
file.
To modify the fonts in the application, first, add a new font to the frontend/public/index.html
file, and then make changes in the frontend/src/theme/typography.js
file.
To modify the logo in the application, make changes in the frontend/src/layout/Header.js
and frontend/src/layout/Sidebar.js
files.