portfolio-v1-new icon indicating copy to clipboard operation
portfolio-v1-new copied to clipboard

Portfolio v1 React, Django Rest FrameWork, React Router https://codermungan.vercel.app

trafficstars

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 homepage

  • Blog Page Photo blogpage

  • Article Page Photo articlepage

  • Single Page Blog & Article Photo single

  • Contact Page Photo contactpage

  • Contact Succes Page contactsucces

  • 404 Not Found Page notfound

Mobil View

  • Side mobile

  • Navbar navbar

Api View

api1 api2

Admin Panel

adminpanel