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.
- Frontend: React, TailwindCSS
- Backend: Django, Django Rest Framework
- Container: Docker
- Fork
CoderMungan/portfolio-v1-new
under your personal account.- eg:
@YourAccount/portfolio-v1-new
- eg:
- 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
- Go to directory
backend
. - Create
.env
SECRET_KEY = "SomeKey"
- 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!
-
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
- You must the be directory
client
- Go to the
src/assets/
directory upload your Resume withresume.pdf
name
- Home Page Photo
![homepage](https://private-user-images.githubusercontent.com/126997544/287699723-919ca886-5cd1-483d-93c4-14dd36b79595.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk1NjUzNTQsIm5iZiI6MTczOTU2NTA1NCwicGF0aCI6Ii8xMjY5OTc1NDQvMjg3Njk5NzIzLTkxOWNhODg2LTVjZDEtNDgzZC05M2M0LTE0ZGQzNmI3OTU5NS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjE0JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxNFQyMDMwNTRaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0wMjE4Y2M1ZmM1Y2ZjYzE3MmE3ZDYzZDA3MWE5YTdiMjY5M2E1MzIzNmRiNDAxMzE5MjRkNGNiNjBhYzdlOWVkJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.qCk0d8O5zUVvoqLX2dYrth0dxebEBAXfXLrl_skj7-4)
- Blog Page Photo
![blogpage](https://private-user-images.githubusercontent.com/126997544/287699950-94b0e162-2198-4382-b75d-978df0e54215.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk1NjUzNTQsIm5iZiI6MTczOTU2NTA1NCwicGF0aCI6Ii8xMjY5OTc1NDQvMjg3Njk5OTUwLTk0YjBlMTYyLTIxOTgtNDM4Mi1iNzVkLTk3OGRmMGU1NDIxNS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjE0JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxNFQyMDMwNTRaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1hZTQ5NzkyNGNkZTUzNDljNzI3OTJhYjk0N2VjMzFkMTUyNDA4ZWJkYzE4MTZlOWI0NDYwZmM0M2M2ZmE1MmNkJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.FVCgvuiog0P-tTu9p-WxgQLOqbG4qIt1IFoIHlQI4iI)
- Article Page Photo
![articlepage](https://private-user-images.githubusercontent.com/126997544/287700102-6559504f-a7bd-4c5d-8e9e-cb4eb743d509.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk1NjUzNTQsIm5iZiI6MTczOTU2NTA1NCwicGF0aCI6Ii8xMjY5OTc1NDQvMjg3NzAwMTAyLTY1NTk1MDRmLWE3YmQtNGM1ZC04ZTllLWNiNGViNzQzZDUwOS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjE0JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxNFQyMDMwNTRaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1kODkzZGMyYTg0ODkwNjcxZGM5ZWIyNTNiYTgxYmQ4YzAzNTE5NGNjNjMyNWQ4Yjg5ODg1MTVmNmIyMTAzZmM4JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.69O3QuYbnvuQUxC3EI0lE0SVaSrjow00gRklSqMdhBg)
- Single Page Blog & Article Photo
![single](https://private-user-images.githubusercontent.com/126997544/287700668-aaea4996-e6dd-4ea9-8270-c671a4e93e34.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk1NjUzNTQsIm5iZiI6MTczOTU2NTA1NCwicGF0aCI6Ii8xMjY5OTc1NDQvMjg3NzAwNjY4LWFhZWE0OTk2LWU2ZGQtNGVhOS04MjcwLWM2NzFhNGU5M2UzNC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjE0JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxNFQyMDMwNTRaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1iYmYzZGRiYTY3YjRhNGRlZTg3YmJhNWY1YWU4YzU0YzYzNzhkZGM4ZDM0MmU0NWE1NTQ4MmQ4ZDQ1MTljZDEzJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.A8Ayq8uTMORt6cflF-AMQ3h-QMTTAQcgs2ojUdzeZWM)
- Contact Page Photo
![contactpage](https://private-user-images.githubusercontent.com/126997544/287700292-d93861ac-386a-48e1-9c64-c1ad947dbddd.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk1NjUzNTQsIm5iZiI6MTczOTU2NTA1NCwicGF0aCI6Ii8xMjY5OTc1NDQvMjg3NzAwMjkyLWQ5Mzg2MWFjLTM4NmEtNDhlMS05YzY0LWMxYWQ5NDdkYmRkZC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjE0JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxNFQyMDMwNTRaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0wNzYyY2M2ZWEzMDcwZDcyZTk4ZTMyNGZkODU5MDk0Y2JmMDM2YjYwMDhmODQ5N2YxMjBiM2NjMGVmYzQ1ZGQ0JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.8PkyTPeEE8nAciZiT_LzUtnhx5efJ6tW_-XwxczObuI)
- Contact Succes Page
![contactsucces](https://private-user-images.githubusercontent.com/126997544/287700461-a2be4212-aed8-4eb5-8438-93a5993fc56a.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk1NjUzNTQsIm5iZiI6MTczOTU2NTA1NCwicGF0aCI6Ii8xMjY5OTc1NDQvMjg3NzAwNDYxLWEyYmU0MjEyLWFlZDgtNGViNS04NDM4LTkzYTU5OTNmYzU2YS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjE0JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxNFQyMDMwNTRaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1jMzk1ZjQxYjJmODhmNTc4MDZlMWM0NzBmZGUyNGFmMzkwZThiZWM3ODEyMDllZDMxMzg3MWFhOGU0YWZlYTQ1JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.m_jY6Ge9v6l0PTq4nUOUYOm0DtngLjuWj8YH-HlH_Y4)
- 404 Not Found Page
![notfound](https://private-user-images.githubusercontent.com/126997544/287700758-27017966-6990-4b9f-8a29-b18ec2256b65.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk1NjUzNTQsIm5iZiI6MTczOTU2NTA1NCwicGF0aCI6Ii8xMjY5OTc1NDQvMjg3NzAwNzU4LTI3MDE3OTY2LTY5OTAtNGI5Zi04YTI5LWIxOGVjMjI1NmI2NS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjE0JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxNFQyMDMwNTRaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1mMTliYjFkOGZiYTAzZGJjYjIxODMzZGYzZTMwMzFlYjg5NjNiMDI1YmUzYzgyZWZmMmZmNzgyM2E3MTllZDlmJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.O4RTEec9YLCCeXZ18CTvPV9OBeMH5d0MtF9MCtgPP7Q)
- Side
![mobile](https://private-user-images.githubusercontent.com/126997544/287701003-1f08d12b-01c6-4197-ad9c-c1070053995a.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk1NjUzNTQsIm5iZiI6MTczOTU2NTA1NCwicGF0aCI6Ii8xMjY5OTc1NDQvMjg3NzAxMDAzLTFmMDhkMTJiLTAxYzYtNDE5Ny1hZDljLWMxMDcwMDUzOTk1YS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjE0JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxNFQyMDMwNTRaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1jNzIzMzU5MjcyZjgwNGVmNzQ5ZTM1Mzg0OTIzNzQ3M2UxMzMwNjVmMjI0OWFhZGUyMjZlZjFiMWY2YjI3NzZmJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.QXKUHd1-zNl9hJ8V2MbVC_EvBo18c-oEqRtkNqm8AFU)
- Navbar
![navbar](https://private-user-images.githubusercontent.com/126997544/287701096-944ffc4a-93c5-47f4-8a58-ff122baf5197.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk1NjUzNTQsIm5iZiI6MTczOTU2NTA1NCwicGF0aCI6Ii8xMjY5OTc1NDQvMjg3NzAxMDk2LTk0NGZmYzRhLTkzYzUtNDdmNC04YTU4LWZmMTIyYmFmNTE5Ny5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjE0JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxNFQyMDMwNTRaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1hMjE2M2FjMmRjOTUyMzViZTcxOTM5ZmYxZWRkMDRjZTYxZGI1YWI4MmNkNzUwNzE5NTgxYmQxNzMzYTE3YjQ3JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.tlDVPN2gOQEN9Qza0mXRYNAM9pz00TgdtYNatBnqqnE)
![api1](https://private-user-images.githubusercontent.com/126997544/287701353-19952381-f573-4f28-a675-5cf40d507fe5.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk1NjUzNTQsIm5iZiI6MTczOTU2NTA1NCwicGF0aCI6Ii8xMjY5OTc1NDQvMjg3NzAxMzUzLTE5OTUyMzgxLWY1NzMtNGYyOC1hNjc1LTVjZjQwZDUwN2ZlNS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjE0JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxNFQyMDMwNTRaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1jMTFmMTJhOTY5Y2IwODAzZjA4OWEyMDZiODBkNjJmODVlZDZmYzg4NTQ1OGJkOWZhMzhlYTMyOTA5MmNkNTc2JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.-icDgDtoTrVBMFumyFMukvuyc9VYJQAQgB1qoUcXPPg)
![api2](https://private-user-images.githubusercontent.com/126997544/287701413-1b994006-756c-4e1d-8c46-18b4614aae45.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk1NjUzNTQsIm5iZiI6MTczOTU2NTA1NCwicGF0aCI6Ii8xMjY5OTc1NDQvMjg3NzAxNDEzLTFiOTk0MDA2LTc1NmMtNGUxZC04YzQ2LTE4YjQ2MTRhYWU0NS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjE0JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxNFQyMDMwNTRaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1iNDdmZWE4MDM2ZmNkYjdjNDNjYWY0NmRhZGUwY2EzMDk4OTRkODYzNzIzMWVjZDc4YjE3ZGVmYTk2NTE5YWEzJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.13wTM4ZaWXoBhLd97wZ1aNkiOtZ8mmOUyclICuXYqOI)
![adminpanel](https://private-user-images.githubusercontent.com/126997544/287701528-4b7c895b-b55f-4c29-8cf9-2a2b0552465d.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk1NjUzNTQsIm5iZiI6MTczOTU2NTA1NCwicGF0aCI6Ii8xMjY5OTc1NDQvMjg3NzAxNTI4LTRiN2M4OTViLWI1NWYtNGMyOS04Y2Y5LTJhMmIwNTUyNDY1ZC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjE0JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxNFQyMDMwNTRaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1jZWNlMWQzYjUyNjhhMDM4YTY1MDdkM2IyY2I1MzBhMWE0MWM1Yjg5NWNkNzhkZTRkYjhhZmM1MjI1MWM2OGMxJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.pOrYfIb0MtjxAfSCsXE6TS6knSJE-OQI_4xLX5_907o)