Code Monkey home page Code Monkey logo

codefoli's Introduction

πŸ— Codefoli 🌐

Codefoli is a portfolio website building platform and free hosting solution designed for programmers. Offering a seamless experience for showcasing your coding skills and projects. Enjoy the balance of a standardized and customizable portfolio creation.

🌟 Build and host your Portfolio for FREE today -> πŸ”— codefoli.com

πŸ’Š Check out Walter White's portfolio! πŸ”— walter.codefoli.com

😏 Check out my portfolio! πŸ”— noahgsolomon.com

Screenshot 2023-10-05 at 7 08 23β€―PM

Features

  • 🎨 Customizable Layouts: Personalize your portfolio layout with multiple themes (more coming soon) and light/dark modes.
  • πŸ“± Responsive Design: Look great on desktop, tablet, and mobile.
  • πŸ’‘ Edit with Ease: Light weight editing solution.
  • 🌐 Free Hosting: Host your website on a custom domain or codefoli.com subdomain for FREE.
  • ⚑ Redeploy Instantly!: Redeploy your website in seconds with one click.
  • πŸ’» Downloadable React Code: Full control over your portfolio. Access and download the React code.
  • πŸš€ One-Click Deployment: Seamless deployment process integrated within the platform.

Architecture

Codefolio leverages robust, flexible architecture for a seamless experience. Overview of underlying tech:

  • 🌍 Domain Management: AWS Route 53 for intelligent domain routing, ACM for SSL certs.
  • πŸš€ Content Distribution: Amazon CloudFront ensures fast, secure delivery.
  • πŸ— Website Hosting: AWS S3 hosts content, offering reliability and scalability.
  • πŸ” Authentication: Amazon Cognito User Pools for secure user auth.
  • πŸ— Backend Integration: AWS API Gateway for dynamic content and functionality.
  • βš™οΈ Serverless Functions: AWS Lambda for backend ops.
  • πŸ§‘β€πŸ’» User Profile Deployment: SQS queue and EC2 manage user profile deployment to individual buckets.

Join our discord: https://codefoli.com/discord

Any inquiries, comments, or concerns? Reach out to [email protected]

codefoli's People

Contributors

ajaygco avatar cr4zed avatar hayman35 avatar hsk-kr avatar jolundholm avatar noahgsolomon avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

codefoli's Issues

Create account, log in, (not oauth) setup v. auth implementation

If the user creates account, redirect to /setup, if the user logs in, this means considering he hasn't been redirected to /setup, that he has role USER. However, this is contingent on this fact that NEWBIES cannot even reach login endpoint, which is not elegant. Consider other ways to solve this

Simplify services

Since using a traditional backend, using the MVC pattern would be a good idea.

Image storage w/ S3 bucket

Store objects such as icons, user inputted images, as well as possibly the downloadable (HTML, CSS, JS) files linked to a users account.

setup redirection

When a user is in NEWBIE phase (role), he should always be redirected to /setup. Solving this with localStorage is possible, but not elegant.

AWS EC2 instance not able to set cookie in browser

everything in the backend in the production/aws-ec2 branch works just perfectly except settings cookies and maybe also retrieving them but I think only setting them is the problem. The cookies are set in CustomAuthenticationSuccessHander.java where the problem lies. Everything except setting cookie works

Finish all editable items

All items must be editable, next, u need to allow things to be removed or added in a section, then u need to allow entire sections to be added and removed

Email templates

Make a simple email template, for verification emails and unsubscribe emails.

Security Authentication Bugs

1.)When the user logs in w/ oauth, his session id is deleted, and then redirects him to login, when he reauth's with oauth, it sends him to a localhost:8080 error endpoint. This is a new error.
2.)Some other form related auth issues

Remove website functionality

Create a modal when the user clicks remove page, which asks them to confirm they want to remove it. When they click confirm, the page card is replaced with a loader equivalent in size it takes, it fires based on the theme to a certain function which deletes all the rows from the theme tables for that user, as well as if there are any deployments.

pre requisites: allow deletion of custom domain websites because if this is not a function, when they delete their web builder from codefoli, their website will still be deployed on a custom domain which we are paying for the infrastructure not being used.

move away from ResponseEntity<?>

move away from this type of type model. The methods should be returning a single type of JSON format. Each method can have its own type of JSON format, but for any return case, it should adhere to this. And this means we should be saying if the return.status === 'OK' or something. Not checking solely if response.ok is true in frontend. This is a more mundane task, so do this when ur just bored or something.

Preview mode will route user to /preview

All logic will be on frontend, we will simply emulate what the users page will look like. And as far as the editing goes, since we're not storing any files in a bucket storage, this means we will need a user column for every editable thing on the users page. For downloading, the build process will take place on the backend, and the build logic will be comparable to the preview frontend logic.

Section containerized

Make each section a component, and dashboard (home) and about can have any section (FAQ, core values, skills and services, story, resume, and more sections to be made). Contact and projects will be more locked down πŸ‘Œ

Modularizing the Components more

Some components such as Setup.tsx are as large as 1,000+ lines of code. This is not maintainable for big changes, and is bad practice. Additionally, we should centralize some redundant functions, such as possibly update text handlers, this could likely be a single function with different parameter options as the parameter type.

pages into section chunks pt 2.

Finished the bulk of the sectionifying the home page, next, I put the + button above each sections loop and below the loop itself. Also, need to add the - for each section

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.