Giter VIP home page Giter VIP logo

cbedroid / personal-portfolio Goto Github PK

View Code? Open in Web Editor NEW
4.0 1.0 1.0 52.69 MB

FreeCodeCamp Personal Portfolio built in React

Home Page: https://cbedroid-portfolio.vercel.app/

HTML 0.99% JavaScript 5.56% CSS 1.27% Sass 0.95% Dockerfile 1.12% Python 46.43% Shell 1.19% TypeScript 42.50%
portfolio freecodecamp freecodecamp-project personal-website personal-portfolio react tailwindcss cbedroid django django-rest-framework

personal-portfolio's People

Contributors

cbedroid avatar github-actions[bot] avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar

Forkers

devinxzhou

personal-portfolio's Issues

Resume layout is not responsive on mobile devices

The resume page is not responsive when using smaller devices such as mobile phones. The Resume width appears to overflow the screen preventing users from seeing the entire resume. Also, the Zoom button is also not appearing on the screen so users can not shrink or enlarge the resume for a better viewing experience.

image

Testing and CI/CD Github Action Deployment

We need a way to isolate and automate our deployment process using GitHub actions. This application consists of two(2) isolated applications, backend - Django app and the frontend - react app, which would need to be first tested and built and then deployed independently of each other. We need to be able to do each of these things in parallel without disturbing the existing application or development environment

Create Restful API to update static content on website

Currently, Portfolio website content is static and that is ...bad bad bad! There is no way to update the content on the website without having to redeploy the site each time we want to update it! There has to be a better and more intuitive way to do this! We should create a "server" to handle updating content where we could possibly perform CRUD operations to update the content at any given time.

Here are some of the things we need:

  • Create a server using Django to host and update the website content.
  • DRF - Django Rest Framework API to deliver the content to the website.
  • AWS S3 Bucket for static file and media content (images, videos, ...etc)

Note: We may have the move to another hosting site to run our Django application, something like Heroku .

Deploy app to vercel

We need to deploy our updated app, Django-React app, to hosting site Vercel.

We have already setup Vercel configuration for React in V1, but now need to add Django as well, if possible. Not sure if Vercel have the capability to combine both framework in deployment process, but should give it a shot. Currently as of Dec 2022, Heroku is not offer free tier, but it may still be a considerable option since it's platform supports all of the tech stack used in our application. In the meantime, we should explore other deployment options and also consider any low-cost alternatives such as Digital Ocean, Linode, ...etc.

Furthermore, Here is a helpful blog that may be useful to help configure Django with Vercel - https://www.devmaesters.com/blog/15

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.