babusto / portfolio-v1-new

Portfolio v1 React, Django Rest FrameWork, React Router

Getting started

My personal portfolio and blog website, built with React, Tailwind CSS and Django Rest Framework.

It is supposed to be used as a template for other GitHub users' portfolios.

Tech Stack

• Frontend: React, TailwindCSS
• Backend: Django, Django Rest Framework
• Container: Docker

1. Cloning the project

• Fork CoderMungan/portfolio-v1-new under your personal account.
  • eg: @YourAccount/portfolio-v1-new
• Clone the project to your local computer:

# Download Repository
git clone https://github.com/CoderMungan/portfolio-v1-new.git
# Move into repository
cd portfolio-v1-new

2. Setting up .env files

• Go to directory backend.
• Create .env

SECRET_KEY = "SomeKey"

3. Setting up Docker & Migrations & Create Super User

• You must the be directory backend

docker-compose build

• Migration from Docker

docker-compose run django-app python manage.py migrate

• Create Super User

docker-compose run django-app python manage.py createsuperuser

• Run the Docker

docker-compose up

• Now you can go to 127.0.0.1:8000 to see it live. 🚀
• Admin panel 127.0.0.1:8000/admin
• You can create what u want!

4. Setting Up Client Side

• You must the be directory client

• For the dependencies

npm install

• Now you can go to localhost:5173 to see it live. 🚀

npm run dev

5. Setting Up The Your Official Files

• You must the be directory client
• Go to the src/assets/ directory upload your Resume with resume.pdf name

Now you in Fire 🔥

• Home Page Photo

• Blog Page Photo

• Article Page Photo

• Single Page Blog & Article Photo

• Contact Page Photo

• Contact Succes Page

• 404 Not Found Page

Mobil View

• Side

• Navbar

Api View

Admin Panel